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