Redux状态管理 4.Chrome Redux调试工具

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
))