[redux] reducer 2개 이상 만들기

combineReducers를 이용하여 여러개의 리듀서를 합칠 수 있다!

import { combineReducers } from "redux";

const rootReducer = combineReducers({
    userReducer,
    postReducer
})

export default configureStore({
    reducer: {
        root: rootReducer,
    },
});

이렇게 사용하면 된다!
다만 reducer를 그냥 합치면 useSeletor()나 디스패치할 때 길어지고 가독성이 떨어진다.

const value = useSeletor((state) => state.root.userReducer.value);

이런 식으로 불러야한다!!!! 길다 길어

아래처럼 수정하면 원하는 다른 이름으로 부를 수 있다!

import { combineReducers } from "redux";

const rootReducer = combineReducers({
    user: userReducer,  <== 키 값으로 alias만들기!
    postReducer  <== 필수는 아님
})

export default configureStore({
    reducer: {
        root: rootReducer,
    },
});

끝!