Redux 是一个帮助前端应用程序管理状态的库。redux-devtools-multiple-monitors 是一个开源的npm包,它允许你在 Redux 开发工具中使用多个监视器来跟踪应用程序的状态。
安装
通过 npm 安装 redux-devtools-multiple-monitors:
npm install --save redux-devtools-multiple-monitors
使用
接下来,我们将逐步说明如何在需要使用多个监视器时配置Redux开发人员工具。
- 首先,将导入多个监视器:
import { monitors } from 'redux-devtools-multiple-monitors';
- 然后,在调用
window.devToolsExtension()
之前设置配置选项:
-- -------------------- ---- ------- -- ----- ----- ------- - - ----- --- ----- --------- ----- --------- ------------ ----- ----- ---------------------- ---- -- ----- --------------- - ------------------ ---------------- -- -- -------- ----- -------- - -------- ----------------------- ------------------------ - --------------------------------- ------------------- - - -- -- --展开代码
在上面的代码示例中,我们首先定义了一组监视器选项,然后将这些选项作为参数传递给 window.devToolsExtension()
方法。我们还将 chart()
和 log()
监视器的结果添加到了 monitorsOptions
数组中。
指导意义
redux-devtools-multiple-monitors 提供了一种灵活的方式来跟踪应用程序状态,使开发人员可以更轻松地调试和测试应用程序。如果需要使用多个监视器来查看应用程序的状态,则应使用此npm软件包。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/68871