redux-devtools-extension 查看 Redux 中状态

1.安装 Redux DevTools 浏览器插件

2.项目引入依赖

yarn add redux-devtools-extension -D

3.在store 配置

import { composeWithDevTools } from 'redux-devtools-extension';

// 写法1:有中间件
const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(thunk, logger)
));

// 写法2 简单引入
const store = createStore(reducer, composeWithDevTools());


// 写法3：限制在开发环境使用
const enhancers = process.env.NODE_ENV === 'development' ? composeWithDevTools(
  applyMiddleware(thunk, logger)
) : applyMiddleware(thunk);

const store = createStore(reducer, enhancers);

4.点击插件图标打开对应tab就可以查看数据