Redux拥有很多第三方的调试工具,可用于分析代码和修复bug。最受欢迎的是time-travelling tool,即redux-devtools-extension。设置它只需要三个步骤。
- 首先,在Chrome中安装Redux Devtools扩展。
- 然后,在运行Redux应用程序的终端里使用
Ctrl+C
停止服务器。并用npm或yarn安装redux-devtools-extension
包。
yarn add redux-devtools-extension
- 一旦安装完成,我们对
store.js
稍作修改:
// src/store.js
import { createStore } from "redux";
import { composeWithDevTools } from 'redux-devtools-extension';
import rootReducer from './reducers';
const store = createStore(rootReducer, composeWithDevTools());
export default store;
返回Chrome,右键单击该工具的图标,打开Redux DevTools面板: