[Redux] state와 reducer가 더 필요한 상황에서 접근 방법

다른 정보도 state로 만들고 싶다면?

변수를 만들어서, reducer 함수에 기본값으로 전달하는 것은 동일하고,

createStore에 넣을 때 주의해야한다.

let store = createStore(combineReducers({reducer, reducer2}));

combineReducers를 이용해 object 자료형으로 넣어준다.

combineReducers는 상단에 import해와야 한다.

import { createStore, combineReducers} from 'redux';

 

reducer를 몇개 합치면 store 데이터 뽑아쓸 때 주의해야한다.

 

redux store에 온갖 데이터 저장을 하지 않는다는 것이 중요하다!

공통으로 사용되는 데이터를 저장해야한다.

컴포넌트 하나에서만 쓰는 건 굳이 저장할 필요 없음.

굳이 다른 컴포넌트에서 필요없는 하찮은 것들은 useState()를 쓰는 것이 가장 편리하다.

 

결론

redux에서 저장해야하는 state가 여러 개 필요하면 reducer를 더 만들기

reducer 안에는 state 초기값 + 수정하는 법이 들어간다.

reducer를 합치려면 combineReducers({})를 활용한다.