概述
composens 是一个由 ReactHooks 组成的 npm 包，允许你轻松地组合和管理你的组件状态，使你的代码更加可读和易于维护。
安装
composens 依赖于 ReactHooks，需要在安装 composens 之前安装 ReactHooks。
使用 npm 安装：
npm i react-hooks --save npm i composens --save
或者使用 yarn 安装：
yarn add react-hooks yarn add composens
用法
首先，导入 useStore 和 createStore 方法：
import { useStore, createStore } from 'composens'接着，创建你的 store：
-- -------------------- ---- -------
----- ------------ - -------------
------ --
----------- -
---------- -- -
--
----------- -
---------- -- -
--
------- -
---------- - -
--
--接着，将你的 store 注册到你的组件中：
-- -------------------- ---- -------
-------- --------- -
----- - ------ ---------- ---------- ----- - - ----------------------
------ -
-----
--------- -----------
------- -------------------------------
------- -------------------------------
------- ------------------------------
------
-
-在这个示例中，我们使用 useStore 方法将 store 注入到 Counter 组件中，并从 store 中提取所需的状态和方法。
深入理解
composens 使用函数式编程的思想来管理状态。在 composens 中，一个 store 是一个纯对象。你可以在 store 中包含任何你想要的东西：数据、方法、以及一些计算属性等等。
composens 通过 useStore 函数将 store 注入到组件中，并可以在组件中访问到 store 中的所有属性和方法。
当你调用 store 中的一个方法时，它将自动触发组件的重新渲染。这样，你就可以轻松地管理你的组件状态，并在避免手动设置 state 的同时，编写更加可读和易于维护的代码。
示例代码
-- -------------------- ---- -------
------ - --------- ----------- - ---- -----------
----- ------------ - -------------
------ --
----------- -
---------- -- -
--
----------- -
---------- -- -
--
------- -
---------- - -
--
--
-------- --------- -
----- - ------ ---------- ---------- ----- - - ----------------------
------ -
-----
--------- -----------
------- -------------------------------
------- -------------------------------
------- ------------------------------
------
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e681e8991b448e085e