使用Redux工具调试

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面板：