Memorux 是一个小型但是卓越的状态管理库，适用于 React 应用程序。它可以帮助您轻松地管理和共享数据和状态，从而使开发更加高效和简单。本文将介绍如何使用 Memorux 并带您了解其全部功能。
安装
您可以通过 npm 或者使用 yarn 来安装 Memorux。在你的项目中运行下面的命令即可：
npm install memorux
或者：
yarn add memorux
使用方法
Memorux 可以帮助我们在一个地方存储所有的状态，因此可以更方便地进行管理和协作。下面是 Memorux 的用例。
创建 Memorux 实例
要使用 Memorux，我们首先需要创建一个 Memorux 实例。以下代码演示了如何使用 createStore() 方法来创建 Memorux 实例：
-- -------------------- ---- -------
------ - ----------- - ---- ----------
----- ------------ - -
------ --
--
----- ------- - ------- ------- -- -
------ ------------- -
---- -----------------
------ - ------ ----------- - - --
---- -----------------
------ - ------ ----------- - - --
--------
------ ------
-
--
----- ----- - -------------------- --------------在上面的代码中，我们先定义了一个初始状态，使用 createStore() 方法创建了一个 Memorux 实例，并传递了一个 reducer 函数作为参数，以在状态更改时更新状态。
提取状态
一旦我们创建了 Memorux 实例，我们就可以通过其中一个 getState() 函数获取存储在 Memorux 中的状态。以下是如何提取状态的代码：
const currentState = store.getState();
console.log(currentState); // { count: 0 }修改状态
要更新 Memorux 状态，我们需要使用 dispatch() 函数。以下是使用 dispatch() 来更新 Memorux 状态的代码：
store.dispatch({ type: "INCREASE_COUNT" });通过这种方式，我们可以通过分发 action 来更新 Memorux 中的状态。
更新视图
当 Memorux 状态发生更改时，组件将知道并重新渲染。以下演示如何将 Memorux 状态与 React 组件集成：
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ - ----------- - ---- ----------
----- ------------ - -
------ --
--
----- ------- - ------- ------- -- -
------ ------------- -
---- -----------------
------ - ------ ----------- - - --
---- -----------------
------ - ------ ----------- - - --
--------
------ ------
-
--
----- ----- - -------------------- --------------
----- ------- - -- -- -
----- ------- --------- - ---------------------------------
------------ -- -
------------------ -- -
---------------------------------
---
-- ----
----- ------------- - -- -- ---------------- ----- ---------------- ---
----- ------------- - -- -- ---------------- ----- ---------------- ---
------ -
-----
---------- ------------
------- -------------------------------- --------------
------- -------------------------------- --------------
------
--
--在上面的代码中，我们定义了一个名为 Counter 的组件，该组件在挂载时使用 store.subscribe() 方法订阅 Memorux 的状态更改，并使用 setCount() 方法更新组件中的状态。组件中的两个按钮通过 store.dispatch() 方法分发 action 来更新 Memorux 中的状态。
总结
通过本文，您现在应该已经了解了如何安装、创建、使用及测试 Memorux 库。希望您能运用这一知识创建出优秀的应用程序。如果您想要了解更多详情，请查阅 Memorux 文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3c1d8e776d08040a58