inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

상태관리와 Props 2

섹션12 오타

해결된 질문

94

gga01075

작성한 질문수 21

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

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

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

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

1

gga01075

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

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

 

 

제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.

0

6

1

적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>

0

29

2

outDir 옵션 추가 후 컴파일 오류 질문

0

64

1

호출 시그니처 질문

0

66

2

서로소 유니언 타입이 discriminated union과 동의어 인가요?

0

75

2

조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제

0

67

1

할인쿠폰 관련하여

0

159

2

프론트엔드에서의 인터페이스활용

0

94

2

안녕하세요 이정환님!

0

92

1

Node.js 설치에 관한 질문입니다.

0

79

2

함수 타입 호출 시그니처

0

58

1

35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?

0

64

2

인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?

0

118

4

마우스 호버 시 정보

0

92

2

vite으로 리액트 빌드하기를 업데이트해주세요.

1

89

2

타입가드를 만들어 사용하는 이유가 궁금합니다.

0

83

2

섹션 12가 너무 어려운데... 정상이겠죠..?

0

137

2

선생님.. 알고리즘도 강의해주시면안되나요

0

100

2

선생님은 어떻게 이런걸 아세요?

0

129

1

type: module

0

97

2

7:17초 업캐스팅 질문이있습니다!

0

76

1

슈퍼타입질문

1

63

2

프로젝트 설치

0

104

2

enum은 비원시 타입이면서 열거형 타입이 되는건가요?

0

69

2