简介
redux-unhandled-action是一个非常有用的npm包，可以帮助我们更好地调试Redux应用程序。在编写Redux应用程序时，我们可能会出现一些未处理的动作，这些动作无法触发对应的Redux状态更新。这种情况会导致一些Bug难以追踪。这个问题可以通过redux-unhandled-action解决。
如何使用
首先，我们需要安装redux-unhandled-action。在项目根目录下运行以下命令：
npm install --save redux-unhandled-action
接下来，我们需要在Redux createStore函数中应用redux-unhandled-action
import { createStore, applyMiddleware } from 'redux';
import unhandledAction from 'redux-unhandled-action'
import rootReducer from '../reducers/index';
const store = createStore(
rootReducer,
applyMiddleware(unhandledAction)
);现在，我们在Redux应用程序中添加了redux-unhandled-action中间件。如果我们在Redux应用程序中发现没有任何处理的动作，那么redux-unhandled-action中间件会输出一条错误消息，告诉我们哪些动作没有被处理。
示例代码
下面是一个示例应用程序，它演示了如何在Redux应用程序中使用redux-unhandled-action。在这个示例中，我们将创建一个简单的Redux存储，定义两个处理器函数，然后分发两个不同的Redux动作。
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ --------------- ---- ------------------------
------ ----------- ---- --------------------
-- -------
----- -------------- - ------- ------- -- -
-- ------------ --- ---------- -
------ - ------ ------- - --------- --
-
------ ------
--
----- -------------- - ------- ------- -- -
-- ------------ --- ---------- -
------ - ------ ------- - --------- --
-
------ ------
--
----- ----- - ------------
------------
--------------------------------
--
-- ---------
---------------------------------------------------
------------------------------
--------------------------------------
---
-- --------------
---------------- ----- --------- ---
---------------- ----- --------- ---
---------------- ----- --------- ---
---------------- ----- --------- ---在这个示例中，我们执行两个处理函数并定义两个订阅函数。首先，我们分发action1和action3这两个动作。它们都在处理函数中没有找到对应的操作，因此，redux-unhandled-action中间件输出一条错误信息：
UnhandledActionError: Redux Action [action3] is unhandled!!
接下来，我们分发action2和action4这两个动作。在这种情况下，我们的处理函数将捕获动作，并根据动作类型更新存储对象的值。因此，没有输出任何错误信息。
结论
使用redux-unhandled-action可以帮助我们轻松地解决未处理的Redux动作问题。通过集成这个npm包，我们可以轻松地查找并解决Redux应用程序中的Bug，提高应用程序的可靠性和稳定性。希望本文对您有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006700fe361a36e0bce8d65