通过科学上网的方式,在谷歌商店安装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)))
以上就是两种方法,最终都可以实现效果