redux开发者工具使用

1、安装redux-DevTools到浏览器：

2、下载：yarn add redux-devtools-extension

 3、更改src>redux>store.js文件：

 引入：import {composeWithDevTools} from './reducers/devtools-extension';

暴露： export default createStore(allReducer,composeWithDevTools(applyMiddleware(thunk)));4

// 创建store对象
import { legacy_createStore as createStore, applyMiddleware, combineReducers } from 'redux';
//引入为Count组件服务的reducer
import countReducer from './reducers/count';
// 引入为Person组件服务的reducer
import personReducer from './reducers/person';
import { thunk } from 'redux-thunk';

// 引入redux-devtools-extension
import { composeWithDevTools } from 'redux-devtools-extension';
// 合并多个组件的reducer：对象式的
const allReducer = combineReducers({ countReducer, personReducer })

// 暴露出去
export default createStore(allReducer, composeWithDevTools(applyMiddleware(thunk)));

4、效果：