Debug Redux

• 下载 Todos 样例
• 添加 Debug 代码
• 安装插件
• 运行

下载样例

• 下载 Todos 代码
• 安装依赖 npm install

安装调试插件

Chrome 商店

添加Debug 代码

根据官方文档，需要在 createStore 中添加以下代码。

const store = createStore(
  reducer, /* preloadedState, */
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

运行截图

• 使用 npm start 启动服务器
• 打开游览器访问页面
• 开启调试，并切换至 Redux