강의

N
챌린지

멘토링

로드맵

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

gga01075님의 프로필 이미지
gga01075

작성한 질문수

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

상태관리와 Props 2

섹션12 오타

해결된 질문

작성

·

77

0

function reducer(state: Todo[], action: Action) {
   switch (action.type) {
      case 'CREATE':
         return [...state, action.data];

      case 'DELETE':
         return state.filter(it => it.id !== action.data.id);
   }
}

9:40초에 case DELETE에서 action.id로 되어있는데 강사님 tsx에선 에러가 안나시네요

typescript

답변 1

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 gga01075님 이정환입니다.

우선 강의 내용에는 오타가 없는걸로 확인되었습니다 :)

강의에서 사용한 Action 객체의 타입에는 { type: "DELETE"; id: number} 타입이 정의되어 있어
action.type이 DELETE일 경우 action.data.id가 아닌 action.id로 삭제 대상 id 값에 접근해야 합니다.

gga01075님의 프로필 이미지
gga01075
질문자

아하 제가 Action의 타입을 다르게 설정했었네요😅

type Action =
   {
        type: 'CREATE';
        data: {
           id: number;
           content: string;
        };
     }
   | {
        type: 'DELETE';
        data: {
           id: number;
        };
     };

 

 

gga01075님의 프로필 이미지
gga01075

작성한 질문수

전체 Q&A
질문하기