简介
@linasmatkasse/planck-state 是一款用于管理 Redux store 的 npm 包，它提供了一些特殊的工具和 API，可以帮助我们更加高效地管理 Redux store 中的状态，并且可以很方便地使用 React 组件进行状态共享。
安装
通过 npm 来安装 @linasmatkasse/planck-state：
--- ------- ---------------------------
使用
首先，在文件中引入 PlanckState：
------ - ----------- - ---- ------------------------------
然后，创建一个 PlanckState 实例：
----- ----------- - --- --------------
API
getState()
获取当前的 state。
----- ------------ - -----------------------
setState(newState)
设置新的 state。
----- -------- - - ------ - -- -------------------------------
subscribe(listener)
添加一个 state 变化的监听器，每当 state 改变时执行。
----- -------- - -- -- - ------------------ ----------- -- --------------------------------
unsubscribe(listener)
移除一个 state 变化的监听器。
----------------------------------
usePlanckState(selector)
在 React 组件中使用 PlanckState，来获取当前的 state 并监听其变化。这里需要注意，需要将 PlanckState 实例作为参数传入，而不是在组件内重新创建一个实例。
-------- --------- -
----- ------- --------- - ------------
----- - ------ -------- - - ----------------------------
------------ -- -
----------------------
-- ---------------
----- --------------- - -- -- -
----- -------- - ----- - --
---------- ------ -------- ---
--
------ -
-----
--------- -----------
------- --------------------------------------------
------
--
-总结
@linasmatkasse/planck-state 可以帮助我们更加高效地管理 Redux store 中的状态，并且可以很方便地使用 React 组件进行状态共享。使用 PlanckState 实例，可以方便地获取 state 并监听其变化；而使用 usePlanckState hook，可以在 React 组件中便捷地获取和修改 state 并监听其变化。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055f1d81e8991b448dcb74