什么是 ronsku-reactive-state
ronsku-reactive-state是一个基于react hook的状态管理工具，可用于处理在react组件之间共享的状态。它是一个轻量级的库，使用简单，占用空间小。
安装和引用
你可以通过npm或yarn来安装：
npm install ronsku-reactive-state
或者
yarn add ronsku-reactive-state
然后，你可以在你的项目中通过以下方式引用它：
import { createState } from 'ronsku-reactive-state';创建一个 state
要创建一个state，你需要使用createState函数，它需要一个初始值作为参数。例如，我们可以在一个组件中创建一个名为“counter”的state：
import { createState } from 'ronsku-reactive-state';
function Counter() {
const counter = createState(0);
return <div>{counter.value}</div>;
}在这个例子中，我们创建了一个初始值为0的计数器state，并在组件中使用它来显示当前的值。
更改一个 state
要更改一个state的值，你需要使用setValue函数，它接受一个新值参数。例如，假设我们想让计数器在每次点击时自增1，我们可以这样写：
-- -------------------- ---- -------
------ - ----------- - ---- ------------------------
-------- --------- -
----- ------- - ---------------
----- ----------- - -- -- -
------------------------------ - ---
--
------ ---- --------------------------------------------
-访问状态更改历史
ronsku-reactive-state还提供了一个非常有用的功能：你可以轻松地访问任何state的历史值。要做到这一点，你可以使用history属性。它是一个数组，包含了state值的历史记录。例如，我们可以这样访问计数器的历史值：
-- -------------------- ---- -------
------ - ----------- - ---- ------------------------
-------- --------- -
----- ------- - ---------------
----- ----------- - -- -- -
------------------------------ - ---
--
------ -
-----
---- -------------------------------------------
---------------------------- ------ -- -
---- -------------------------
---
------
--
-在这个例子中，我们在计数器下方列出了历史值。
总结
通过使用ronsku-reactive-state，我们可以轻松地创建并管理在react组件之间共享的状态。它允许我们更快、更简单地编写react应用程序，同时可以更好地组织我们的代码。值得注意的是，ronsku-reactive-state的API非常简单和易于使用，但它非常强大，可以帮助你处理逻辑性的复杂问题。强烈建议你试试这个小而强大的库！
示例代码
-- -------------------- ---- -------
------ - ----------- - ---- ------------------------
-------- --------- -
----- ------- - ---------------
----- ----------- - -- -- -
------------------------------ - ---
--
------ -
-----
---- -------------------------------------------
---------------------------- ------ -- -
---- -------------------------
---
------
--
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005626281e8991b448dfab1