문제
데이터를 받아서 자식 페이지한테 prop으로 데이터를 넘겨줄려고했는데 에러가 발생했다.
당시 코드 상황
--
전달할려고 하는 코드
인터페이스로 타입설명도 있었다.
해결
구글링30분넘게했는데 해결이안되서 챗gpt에물어봤다
해당 오류는 JSX에서 Price 컴포넌트에게 전달된 priceData props가 예상한 데이터 타입 CoinPriceProps와 다르게 전달되었기 때문에 발생합니다.
해결 방법으로는, Price 컴포넌트를 수정하여 CoinPriceProps 타입의 데이터를 요구하도록 수정하는 것입니다. 혹은 Price 컴포넌트에서 priceData props를 사용할 때, 해당 데이터가 undefined일 수 있는 상황을 고려하여 타입 체크를 추가하는 것도 좋은 방법입니다.
예를 들어, Price 컴포넌트에서 priceData를 사용할 때 Optional Chaining 연산자를 활용하여 undefined 체크를 할 수 있습니다.
결론은 undefined인 상황을 대처해주면되는거같다.
지피티형님의 답변코드다
내코드에 받는쪽 코드를 저렇게 수정했더니 해결됐다
음