redux에 다수의 reducer 생성.

redux에서 state를 만들 때

 

관리하는 변수가 하나가 아닌 여러개를 만들것이다.

 

그러면 reducer 또한 여러개 만들어야한다.

 

이게 vuex와 다르게 좀 불편한점이다.

 

 

vuex는 state, actions, mutations 에 각 state 변수별로 변화 로직을 종류대로 넣어줄 수 있었지만,

 

redux는 하나의 state에 하나의 reducer가 존재해야하므로 좀 불편하다.

 

또 이 state와 reducer를 index.js에서 하나로 모아 createStore에 넣어야하니,

 

양이 많아지면 state와 reducer를 작성한 각 js파일의 import와 export가 더욱 중요할것이다.

 

 

어쨋든 다른 redux state 변수 / 함수를 만든다면

 

그냥 똑같이 reducer와 그 안의 로직을 만들어주면된다.

 

그리고 createStore에 넣는데 콜백 함수로 combineReducers라는 함수를 넣고 또 그 안에 인자로 reducer들을

 

객체 형식으로 넣어줘야한다.

 

역시 import가 필요하다.

 

 

저러면 reducer들이 하나의 객체 안에 프로퍼티로 존재하게된다.

간단하쥬?

 

 

 

그래서 저걸 또 꺼내쓰려면 state를 props로 변화해주는 함수에서

 

변수를 쓰기위해 return에서 새로운 변수에 값을 할당해줄 때

 

combineReducers 에 들어간, 객체안의 key값으로 할당해주면된다.

 

이렇게 여러개의 redux state의 변수들을 쓸 수 있게되었다.