[redux] 여러개의 reducer 사용

combineReducers

• 여러개의 reducer 들을 하나의 store에 저장할 수 있도록 해준다.
• combineReducers의 첫번째 인자에 객체 형태로 원하는 reducer를 작성하고 , 변수에 저장한다.
• 해당 변수를 createStore의 인자로 사용하면 다수의 reducer를 store로 전달 가능하다.

<script>
import { createStore,  combineReducers } from "redux";

import getBooksReducer from "./reducer/getBooksReducer";
import cartReducer from "./reducer/cartReducer";

const reducer = combineReducers({
  getBooksReducer,
  cartReducer,
});

const store = createStore(reducer, applyMiddleware(thunk));
</script>

console.log(store.getState());를 이용하여 전체 상태를 확인 가능하다.

store.getState() 는 store에 저장된 모든 상태를 반환한다.

데이터를 저장하는 상태의 이름을 바꾸고자 하는 경우에는 아래와 같이 작성한다.

<script>
const reducer = combineReducers({
	data1 : getBooksReducer,
    data2 : cartReducer,
})
</script>