섹션12 오타
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에선 에러가 안나시네요
답변 1
0
안녕하세요 gga01075님 이정환입니다.
우선 강의 내용에는 오타가 없는걸로 확인되었습니다 :)
강의에서 사용한 Action 객체의 타입에는 { type: "DELETE"; id: number} 타입이 정의되어 있어
action.type이 DELETE일 경우 action.data.id가 아닌 action.id로 삭제 대상 id 값에 접근해야 합니다.
1
아하 제가 Action의 타입을 다르게 설정했었네요😅
type Action =
{
type: 'CREATE';
data: {
id: number;
content: string;
};
}
| {
type: 'DELETE';
data: {
id: number;
};
};
강의 커리큘럼 관련 질문입니다.
0
64
1
61강(Context API)에서 TodoStateContext 질문
0
68
2
ReturnType에서 any와 never 사용의 차이가 있나요?
0
76
2
reject로 전달되는 값(거부 이유)의 타입과 타입 가드
0
101
2
리액트 타입스크립트 설정 시 에러
0
86
1
인덱스드 엑세스타입 실무질문
0
69
2
모든 ts파일이 컴파일 되지 않습니다.(해결됨.)
0
141
4
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
85
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
88
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
94
2
outDir 옵션 추가 후 컴파일 오류 질문
0
216
1
호출 시그니처 질문
0
144
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
152
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
123
1
할인쿠폰 관련하여
0
256
2
프론트엔드에서의 인터페이스활용
0
162
2
안녕하세요 이정환님!
0
134
1
Node.js 설치에 관한 질문입니다.
0
150
2
함수 타입 호출 시그니처
0
117
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
118
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
185
4
마우스 호버 시 정보
0
156
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
129
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
156
2