Next에서 Redux 사용하기 (next-redux-wrapper)

Next에서 redux와 함께 사용하기위해서는

next-redux-wrapper를 설치해야한다.

(redux와 사용법이 약간 다르다.)

 

redux, react-redux랑 next-redux-wrapper 설치하기

 

 

/reducer/index.js 

rootReducer 만들어서 export .

 

 

/store/configureStore.js 

createStore(reducer) 해주기.

_여기서의 reducer은 rootReducer.

 

  createWrapper(configureStore, {  

  debug: process.env.NODE_ENV === 'development',  

  })  

 

위와 같이 적어주기.

 

 

_app.js

Next 9버전(10버전도)에서는 Provider를 자체적으로 적용해주기 때문에 사용할 필요가 없다.

대신 export에서 다음과 같이 적어주어야 한다.

  wrapper.withRedux(컴포넌트이름);  

 

 

 

 

그럼 기본 설정이 끝난다.