什么是 rematch-model-inject
rematch-model-inject 是一个基于 rematch 框架的插件，它能够让你轻松地将模型绑定到组件并在组件中对模型进行操作。特别适用于 React 向复杂逻辑迁移的过程中，以及组件中状态管理的需求。
使用场景
假设你正在开发一个大型复杂的应用，需要管理很多的状态和逻辑，为了方便管理，需要将状态和逻辑单元化分开管理。 Rematch 提供了一种方便的方式来管理状态，并且非常强大，但是在使用 Rematch 的时候仍然需要将状态和逻辑分开管理。这时，rematch-model-inject 的优势就凸显出来了。
安装
使用 npm 安装 rematch-model-inject：
npm install rematch-model-inject --save
使用方法
绑定模型
首先，需要在你的 Rematch 模型中导出一个名为 inject 的 reducer，它将会变成我们需要注入的地方。
-- -------------------- ---- -------
------ - ---- - ---- ----------------
----- ----- - -
------ --
--------- -
------- ------- -------- -- ----- - --------
--
-------- ---
------- ----- -- ------ ------ - -------
--
----- ----- - ------
------- - ----- --
---接下来，在你的组件中使用 connect 方法获取到 inject reducer 后，将它注入到你的组件内部，并传递给你需要绑定的组件。
-- -------------------- ---- -------
------ - ------- - ---- ----------
------ - ----------- - ---- -----------------------
------ - ----- - ---- ----------- -- ------ ---------------
----- ------- - -- ------- ----- -- -- -
-----
----------------
------- ----------- -- -------------- ------------
------
--
------ ------- ------------- ------ ----- ------------- ----- -- -- -- ----- --------------这样，你就可以在组件中像使用本地状态一样地使用 count 模型了。
使用场景
在组件内，你可以通过获取到的 inject reducer 来访问 count 模型中的方法：
-- -------------------- ---- -------
-- ----
------ - ------- - ---- ----------
------ - ----------- - ---- -----------------------
------ - ----- - ---- ----------- -- ------ ---------------
-- --
----- ------- - -- ------- ----- -- -- -
-----
----------------
------- ----------- -- -------------- ------------
------
--
-- -- ------ ------- - ----- --
------ ------- ------------- ------ ----- ------------- ----- -- -- -- ----- --------------示例代码
-- -------------------- ---- -------
-- ------------------ ----- ---
----- ----- - -
------ --
--------- -
---- ------- -------- -- ----- - --------
------ ------- -------- -- ----- - -------
--
-------- --
--
------ ------- ------
-- ------------------- ----- ---
------ ----- ---- --------
------ - ------- - ---- ----------
------ - ----------- - ---- -----------------------
------ ----- ---- ------------------
----- ------- - -- ------ ---- ----- -- -- -
-----
----------------
------- ----------- -- --------------------
------- ----------- -- ------------------------
------
--
------ ------- ------------- ------ ----- ------------- ----- -- -- -- ----- ----
-------
---总结
rematch-model-inject 是一个非常强大的 Rematch 插件，它可以让你更方便地管理状态。希望通过本篇文章，你能够更好地了解 rematch-model-inject 的使用方法，同时，如果你有更好的使用体验或者建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5a51ab1864dac66f46