1. 程式人生 > >使用Redux工具除錯

使用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面板: