介绍
inferno-mobx 是一个将 inferno 和 MobX 结合使用的 npm 包。inferno 是一个轻量级的 React 框架，而 MobX 则是 JavaScript 状态管理库。这个包提供了一种简单的方式来实现复杂应用程序的状态管理。
安装
为了开始使用 inferno-mobx，你需要在你的项目中安装它。使用 npm 命令行工具，在你的项目根目录下执行以下命令：
npm install --save inferno-mobx
使用
- 引入 inferno-mobx
在你的代码中添加以下语句：
import { Provider } from 'inferno-mobx';- 创建一个 store
在你的代码中创建一个 store 对象，可以使用 MobX 中的 observable 和 action 函数来实现。比如：
-- -------------------- ---- -------
------ - ----------- ------ - ---- -------
----- ------- -
----------- ---- - ---
-------
----------- -
--------- - --- -- ---
-
-
----- ------- - --- ----------- 将 store 注入到组件中
使用 Provider 组件将 store 注入到组件中。例如：
-- -------------------- ---- -------
------ ------- ---- ----------
------ --------- ---- --------------------
------ - ------- -------- - ---- ---------------
------ - ------- - ---- ------------
------------------
---------
----- ----------- ------- --------- -
----------- - -- -- -
-------------------------------
-
-------- -
------ -
-----
------- -------------------------------- -------------
----
----------------------------------- ------ --
--- -----------------------
--
-----
------
--
-
-
---------------
--------- ------------------
------------ --
------------
------------------------------
--在这个例子中，我们使用 inject 装饰器将 myStore 对象注入到 MyComponent 组件中。然后使用 observer 装饰器将组件转换为响应式组件。
- 订阅 store 中的数据变化
如果你想让你的组件在 store 中的数据变化时得到通知，可以使用 observer 装饰器装饰组件。例如：
-- -------------------- ---- -------
------ ------- ---- ----------
------ --------- ---- --------------------
------ - -------- - ---- ---------------
------ - ------- - ---- ------------
---------
----- ----------- ------- --------- -
-------- -
------ -
-----
----
------------------------ ------ --
--- -----------------------
--
-----
------
--
-
-
---------------
------------ ---
------------------------------
--在这个例子中，我们使用 observer 装饰器将组件转换为响应式组件，这样组件将自动重新渲染当 store 中的数据变化时。
结论
inferno-mobx 是一个非常强大和方便的库，它可以帮助你简化状态管理。通过结合使用 inferno 和 MobX 来创建响应式组件，你可以更加容易地编写和维护复杂的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32433