인프런 커뮤니티 질문&답변

reducer 파일에서 swtich(action.type) 부분에 property가 정의되어 있지 않다는 에러가 자꾸 뜹니다...

-----------------------------------------------------------------------------------------------------------------------------

혹시나 action객체가 비어있나 싶어서 위에 이미지 처럼 rootReducer 안에다가 로그 찍어보니까 아래처럼 나오더라고요.

분명 action객체 안에 type이 정의되어있는데 왜 undefined가 나오는지 의문입니다.

 

에러가 발생한 reducers/index.js의 코드는 아래와 같습니다. 

import { HYDRATE } from 'next-redux-wrapper';
import { combineReducers } from 'redux';

import user from './user';
import post from './post';

// 1. state를 바꾸고 싶을 때마다 action을 만들고,

// 3. aync action creater
//
// 2. 매번 state값을 바꿔줄 수도 있는 부분은
// 함수로 뽑아내서 동적데이터 집어넣어서 처리할 수 있음!

// (이전상태, 액션) => 다음 상태
const rootReducer = combineReducers({
  index: (state = {}, action) => {
    switch (action.type) {
      case HYDRATE:
        console.log('HYDRATE', action);
        return { ...state, ...action.payload };
      default:
        return state;
    }
  },
  user,
  post,
});

export default rootReducer;