npm 包: redux-devtools-multiple-monitors 使用教程

阅读时长 2 分钟读完

Redux 是一个帮助前端应用程序管理状态的库。redux-devtools-multiple-monitors 是一个开源的npm包,它允许你在 Redux 开发工具中使用多个监视器来跟踪应用程序的状态。

安装

通过 npm 安装 redux-devtools-multiple-monitors:

使用

接下来,我们将逐步说明如何在需要使用多个监视器时配置Redux开发人员工具。

  1. 首先,将导入多个监视器:
  1. 然后,在调用 window.devToolsExtension() 之前设置配置选项:
-- -------------------- ---- -------
-- -----
----- ------- - -
  ----- --- -----
  --------- -----
  --------- ------------
  ----- -----
  ---------------------- ----
--

----- --------------- - ------------------ ----------------

-- -- --------
----- -------- - --------
  -----------------------
  ------------------------ - --------------------------------- ------------------- - - -- --
--
展开代码

在上面的代码示例中,我们首先定义了一组监视器选项,然后将这些选项作为参数传递给 window.devToolsExtension() 方法。我们还将 chart()log() 监视器的结果添加到了 monitorsOptions 数组中。

指导意义

redux-devtools-multiple-monitors 提供了一种灵活的方式来跟踪应用程序状态,使开发人员可以更轻松地调试和测试应用程序。如果需要使用多个监视器来查看应用程序的状态,则应使用此npm软件包。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/68871

纠错
反馈

纠错反馈