Redux DevTools可以帮助我们实时监控Redux的状态变化。
安装过程
1、在火狐浏览器的扩展工具里搜索Redux DevTools,点击安装。
2、安装完成后运行项目,F12打开控制台,进入Redux选项,会查看到以下问题。点击问题进入官网,根据提示要求增加createStore方法的第二个参数。
store文件夹下的index.js文件:
import {createStore} from 'redux';
import reducer from './reducer';
const store = createStore(
reducer,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
); //reducer注入
export default store;
3、F12重新查看Redux选项,安装成功,可以查看Redux状态变化。