[Redux] 미들웨어와 DevTools 같이 사용하기

 

 

Redux DevTools를 사용하려면 아래와 같이 store에서 세팅을 해주어야 한다.

const store = createStore(
  rootReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

 

하지만 미들웨어를 추가해야 할 때 rootReducer, Redux DevTools Extension코드, applyMiddlewere

이렇게 세 가지를 적어버리면 에러가 발생한다. 

 

import { createStore, combineReducers, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";

const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(...middleware))
);

redux-devtools-extension 설치 후

composeWithDevTools를 이용하여 apllyMiddleware을 감싸주면된다.