Question

官网

安装浏览器插件

• chrome 安装插件

地址： https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

• firefox 安装插件

地址： https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/

基本使用

创建 store 的时候，添加如下代码

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

redux-devtools-extension 辅助配置调试插件

安装：

npm install --save-dev redux-devtools-extension

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
  // other store enhancers if any
));