简介
redux-devtools-dock-monitor-ie8-zck 是一个针对 IE8 浏览器的 redux 开发工具包。它可以让前端开发人员在 IE8 浏览器上进行 redux 的开发,提供了 redux 工具包所需要的很多样式和组件。
该工具包是基于 redux-devtools-dock-monitor 的扩展,在保留原有功能的基础上,对其进行了优化和升级,使得其可以更好地支持 IE8 浏览器。
安装
你可以在命令行中使用 npm 包管理器来安装 redux-devtools-dock-monitor-ie8-zck:
npm install redux-devtools-dock-monitor-ie8-zck --save
如何使用
配置 store
首先,我们需要将 redux-devtools-dock-monitor-ie8-zck 导入到我们的代码中:
import DockMonitor from '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