@[知识点|前端开发]
在 React 应用中使用 Redux 管理状态是十分常见的，而 Redux 派生项目进行状态管理也是一个很好的选择。在这个过程中，很多人使用 Redux-logger 这个 npm 包来打印 Redux 的状态变化，方便开发人员在调试时观察状态的变化。本篇文章将介绍如何使用 @peterabsoloninloop/redux-logger 这个 npm 包的使用方式。
安装 @peterabsoloninloop/redux-logger
此包提供了 Redux 的 logger 中间件。可以使用以下命令进行安装。
--- ------- --------------------------------
使用方法
传统的 Redux-logger 的用法是在 Redux 的创建 store 的时候直接把变量传入 createSotre 函数中的 middleware 参数中，而 @peterabsoloninloop/redux-logger 的用法有所变化。
中间件
------ - ---------------- ----------- - ---- --------
------ ---------------- ---- ----------------------------------- -- -- ------ ----------------
----- ------- - ------ - --- ------- -- -
------ ------------- -
---- ------
------ ---------- ----------------
--------
------ ------
-
--
----- ----- - -------------------- ----------------------------------- -- -- ------------------------------ ---------
---------------- ----- ------ -------- ------- --- -- ------高阶函数
此包还提供了一个高阶函数 createLogger, 它可以返回新的Redux Logger 中间件。
------ - ----------- - ---- --------
------ - ------------ - ---- -----------------------------------
----- ------- - ------ - --- ------- -- -
------ ------------- -
---- ------
------ ---------- ----------------
--------
------ ------
-
--
----- ------ - --------------- -- -- ---- ------ ---
----- ----- - -------------------- ------------------------- -- -- -- ------ ----
---------------- ----- ------ -------- ------- --- -- ------- ----- ----配置项
在使用中可以按需引入选项，该 npm 包提供了多个配置项，你可以去看源代码查看。
总结
@peterabsoloninloop/redux-logger 是一个非常方便的 Redux 开发时辅助工具。使用它可以帮助我们能更好的了解页面的状态变化，也方便了开发人员进行调试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055fd081e8991b448dd5ca