Redux 미들웨어 만들기 - boostcamp-2020/Project15-B-Client-Based-Formula-Editor GitHub Wiki

Redux 미들웨어 만들기

Redux 미들웨어는 store, next, action을 매개변수로 받는 커링함수로 만들 수 있습니다.

import { configureStore } from '@reduxjs/toolkit';
import reducer from './slice';

const myMiddleware = store => next => action => {
  console.log('prev');
  const result = next(action);
  console.log('next');
  return result;
}

export default configureStore({
  reducer,
  middleware: [myMiddleware],
})

상태가 업데이트 될 때마다 'prev'와 'next'가 콘솔에 출력됩니다.