什么是 relogic？
relogic 是一个基于 Redux 和 React 的库，用于简化复杂应用中的状态管理。它提供了一些高阶组件和实用工具，使得您可以更轻松地创建可维护和可扩展的 React 应用程序。
安装 relogic
使用 npm 进行安装：
npm install relogic
如何使用 relogic
- 引入 relogic 状态管理器
在你的应用程序的入口文件中，你需要引入 relogic 状态管理器，创建一个全局 store，然后将该 store 传递给你的 React 组件。
-- -------------------- ---- -------
------ - ----------- - ---- ----------
----- ------------ - - ------ - --
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
--
----- ----- - ---------------------- 创建一个高阶组件
relogic 提供了一些高阶组件，使您可以更轻松地将状态管理器集成到您的 React 组件中。
例如，使用 connect 高阶组件连接您的组件与 store：
-- -------------------- ---- -------
------ - ------- - ---- ----------
----- --------------- - ------- -- --
------ ------------
---
----- ------------------ - ---------- -- --
---------- -- -- ---------- ----- ----------- ---
---------- -- -- ---------- ----- ----------- ---
---
----- ------- - -- ------ ---------- --------- -- -- -
------ -
-----
------- ------------------------------
--------------------
------- ------------------------------
------
--
--
------ ------- ------------------------ ------------------------------ 渲染组件并与 store 集成
最后，在您的应用程序中渲染该组件，并将 store 传递给 <Provider> 组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - -------- - ---- ----------
------ ------- ---- ------------
----------------
--------- --------------
-------- --
------------
-------------------------------
--现在你已经完成了 relogic 的基本用法。在你的 React 应用程序中，你可以通过 connect 高阶组件来连接你的组件与 store，并通过 Provider 组件将 store 传递给所有组件。
示例代码
以下是一个基本的计数器应用程序，其中使用了 relogic 状态管理器：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ------------ -------- -------- - ---- ----------
----- ------------ - - ------ - --
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
--
----- ----- - ---------------------
----- --------------- - ------- -- --
------ ------------
---
----- ------------------ - ---------- -- --
---------- -- -- ---------- ----- ----------- ---
---------- -- -- ---------- ----- ----------- ---
---
----- ------- - -- ------ ---------- --------- -- -- -
------ -
-----
------- ------------------------------
--------------------
------- ------------------------------
------
--
--
----- --- - ------------------------ -----------------------------
----------------
--------- --------------
---- --
------------
-------------------------------
--您现在可以在浏览器中查看此计数器应用程序的演示效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005550181e8991b448d238a