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

添加如上三行代码即可完成，效果如下：