0%

推荐一个好用的redux状态显示扩展

一、先安装扩展

https://github.com/zalmoxisus/redux-devtools-extension

在谷歌中安装此扩展,

二、再createStore()中添加第二个参数

方法一:直接添加以下代码

1
2
3
4
5
 const store = createStore(
reducer, /* preloadedState, */
+ window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() //+后面的内容
);

方法二:通过安装依赖包

1
npm install redux-devtools-extension --save-dev

在入口文件index中引入

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

在createStore()中添加,注意传进去的是一个函数的指向结果

1
const store = createStore(balanceReducer, composeWithDevTools())

最后,在开发者工具中就可以看到了redux了。