reducer.ts

전체 코드

//reducer 그룹화 하기 위해서
import { combineReducers } from "redux";

//slice 연동
import boardReducer from "../redux/slices/boardSlice";
import loginReducer from "../redux/slices/loginSlice";
import boardItemSlice from "../redux/slices/boardItemSlice";

const rootReducer = combineReducers({
  board: boardReducer,
  boardItemMap: boardItemReducer,
  login: loginReducer,
});

export type RootState = ReturnType<typeof rootReducer>;
export default rootReducer;

학습

Reducer action을 실제로 처리 하는 함수

export type RootState = ReturnType;

• 함수의 반환 타입을 추출하는 TypeScript 내장 타입
  rootReducer 함수의 반환 타입을 추출
• RootState라는 새로운 타입을 정의 RootState 타입은
  rootReducer 함수가 반환하는 상태의 타입과 일치