map 사용하여 하위 컴포넌트에 props 전달 오류를 만났습니다...

nicehyun commented 1 year ago

안녕하세요 타입스크립트와 리액트 조합이 아직 적응이 안되는 타린이입니다 ㅠㅠ

toDoList는 투두데이터가 담긴 데이터인데 해당 데이터를 map 돌려서 ToDoItem 컴포넌트에 props로 전달하려하는데

요런 타입 에러를 만났습니다...😭

ToDoItem 컴포넌트에서는 props를 이렇게 받고 있는데 왜 onClickDelete가 없다고 타입에러가 발생하는 걸까요...

onClickDelete이 IToDoItemProps에 필수라고하는데 ..

onClickDelete은 하위 컴포넌트에서 만들어서 View로 전달하는데 왜 에러가 발생하는지 감이 잡히지 않네요 😨

인터페이스에 onClickDelete를 옵셔널로 변경하니 오류는 사라지는데 왜 이런건지 알려주실 수 있을까여..

foreknowledge commented 1 year ago

의도하신 코드가 https://codesandbox.io/s/eloquent-maria-vowp4i?file=/src/App.tsx 이런 형태인 것처럼 보이는데 맞나요?? 샌드박스로 테스트 했을 때는 문제가 없는데 뭔가 import의 문제가 있는 게 아닐까요??

nicehyun commented 1 year ago

의도하신 코드가 https://codesandbox.io/s/eloquent-maria-vowp4i?file=/src/App.tsx 이런 형태인 것처럼 보이는데 맞나요?? 샌드박스로 테스트 했을 때는 문제가 없는데 뭔가 import의 문제가 있는 게 아닐까요??

와!!!! 진짜 감사합니다 ㅠㅠ import를 view 파일에서 하고있었습니다.... 감사합니다😭 너무 멍청한 실수였네여..

starkoora / wanted-pre-onboarding-challenge-fe-1