Redux 是一个非常流行的 JavaScript 状态管理库，它可以让你更好地管理应用程序的状态。Redux 提供了一种非常简单的方法来对状态进行操作，但在实际开发中，我们常常需要监听 Redux 状态的变化。这时，npm 包 redux-subscriber 就可以派上用场了，它是一个可以让你监听 Redux 状态变化的库。
安装
在使用之前，我们首先需要安装 redux-subscriber。使用 npm 可以很方便地完成安装：
npm install redux-subscriber
使用
在安装好 redux-subscriber 后，我们就可以开始使用它来监听 Redux 状态的变化了。首先，我们需要引入 redux-subscriber：
import createSubscriber from 'redux-subscriber'; const store = createStore(reducer, initialState); const subscriber = createSubscriber(store);
然后，我们需要定义一个回调函数：
const callback = (state, prevState) => {
console.log('State changed');
};回调函数的第一个参数是当前状态，第二个参数是之前的状态。通过比较这两个状态，我们可以知道状态是否发生变化。
最后，我们需要使用 subscriber 来订阅状态的变化：
subscriber('user', callback);这里的 'user' 是我们想要监听的状态的名称，callback 则是我们刚刚定义的回调函数。
这样一来，每次用户状态发生变化时，回调函数就会被调用。
示例代码
-- -------------------- ---- -------
------ - ----------- - ---- --------
------ ---------------- ---- -------------------
----- ------------ - -
----- -
----- ----- -----
---- ---
--
--
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- --------------
------ -
---------
----- -
--------------
----- ---------------
--
--
---- -------------
------ -
---------
----- -
--------------
---- ---------------
--
--
--------
------ ------
-
--
----- ----- - -------------------- --------------
----- ---------- - ------------------------
----- -------- - ------- ---------- -- -
------------------ ----------
--
------------------ ----------
---------------- ----- -------------- -------- ----- ---- ---
---------------- ----- ------------- -------- -- ---总结
redux-subscriber 是一个简单易用的库，可以让你轻松地监听 Redux 状态的变化。在实际开发中，我们常常需要知道状态变化的时刻，这时使用 redux-subscriber 就非常方便了。希望这篇文章可以帮助你更好地使用 redux-subscriber。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006700ce361a36e0bce8c75