Redux状态管理4 Chrome Redux调试工具
安装chrome插件
chrome扩展程序-更多扩展程序-搜索Redux DevTools
配置
- 新建store的时候判断window.devToolsExtension
- 使用compose结合thunk和window.devToolsExtension
- 调试窗的redux选项卡,实时看到state
import { createStore, applyMiddleware, compose } from 'redux'
const reduxDevtools = window.devToolsExtension ? window.devToolsExtension():f=>f
const store = createStore(counter, compose(
applyMiddleware(thunk),
reduxDevtools
))