npm 包 redux-devtools-dock-monitor-ie8-zck 使用教程

阅读时长 5 分钟读完

简介

redux-devtools-dock-monitor-ie8-zck 是一个针对 IE8 浏览器的 redux 开发工具包。它可以让前端开发人员在 IE8 浏览器上进行 redux 的开发,提供了 redux 工具包所需要的很多样式和组件。

该工具包是基于 redux-devtools-dock-monitor 的扩展,在保留原有功能的基础上,对其进行了优化和升级,使得其可以更好地支持 IE8 浏览器。

安装

你可以在命令行中使用 npm 包管理器来安装 redux-devtools-dock-monitor-ie8-zck:

如何使用

配置 store

首先,我们需要将 redux-devtools-dock-monitor-ie8-zck 导入到我们的代码中:

然后,在创建 store 的时候,需要将该组件传递给 enhancer 参数:

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

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

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

创建 DockMonitor

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

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

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

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

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

使用示例

在上述示例中,我们创建了一个 App 组件作为我们的界面展示组件。在该组件中,我们需要使用 react-redux 提供的 connect 函数连接到 store 中,以便可以获取到 status 和 dispatch。

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

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

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

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

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

结束语

通过本篇文章的学习,我们可以了解到如何在 IE8 浏览器中使用 redux-devtools-dock-monitor-ie8-zck 工具包进行 redux 的开发。该工具包不仅提供了样式和组件,还支持定制化配置,让开发者可以更好地针对自己的需求来进行开发。

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

纠错
反馈