React-Redux-DevTools
Redux DevTools 概述
- Redux DevTools 是一款 Redux 官方提供的浏览器调试工具
- 可以让我们很方便的对 Redux 保存的状态进行追踪调试
GitHub 地址:https://github.com/reduxjs/redux-devtools
使用 Redux DevTools
- 在浏览器中安装 Redux DevTools
- 添加 Redux DevTools 中间件配置, 官方配置文档地址:https://github.com/zalmoxisus/redux-devtools-extension
需要添加如下配置项,即可完成 Redux DevTools 的配置,然后就可以进行监控我们所派发的任务和状态的变更过程。
import {compose} from 'redux'
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({trace: true}) || compose;
const store = createStore(reducer, composeEnhancers(storeEnhancer));
添加如上三行代码即可完成,效果如下: