Redux DevTools浏览器插件调试redux两种方法

通过科学上网的方式，在谷歌商店安装Redux DevTools

方法一

• 安装插件完之后，在你的redux文件，添加如下代码，reducer忽略即可

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

• 如果你安装了redux-thunk了使用applyMiddleware，修改如下
• 首先需要在redux引入compose才可以生效

const store = createStore(rootReducer,compose(applyMiddleware(thunk),window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()))

方法二

• 通过安装redux-devtools-extension插件来完成

import { composeWithDevTools} from 'redux-devtools-extension'

使用

const store = createStore(rootReducer,composeWithDevTools(applyMiddleware(thunk)))

以上就是两种方法，最终都可以实现效果