redux-logger学习作用 redux-logger 会在 dispatch 改变仓库状态的时候打印出旧的仓库状态

作用

redux-logger 会在 dispatch 改变仓库状态的时候打印出旧的仓库状态

安装

yarn add redux-logger

案例

import { applyMiddleware, createStore } from "redux";
import logger from "redux-logger";

// reducer
function counterReducer(state = 0, { type, payload }) {
  switch (type) {
    case "ADD":
      return state + payload;
    case "MINUS":
      return state - payload;
    default:
      return state;
  }
};

const store = createStore(counterReducer, applyMiddleware(logger));

export default store;