문제

• 다른 컴포넌트에 props로 값을 넘겨줄 때

  • 넘겨주는 컴포넌트(type: ItemJ)와 받는 컴포넌트(type: HomeListJ)의 props type을 다르게 했더니 오류 발생

  • type.d.ts

    

  • [keyword]tsx - 상위 컴포넌트

    

  • SearchResult.tsx - props로 item을 받는 하위 컴포넌트

    

• 둘 다 type을 ItemJ로 했을 때 오류

  

• 둘 다 type을 HomeListJ로 했을 때 오류

원인

• props를 받는 컴포넌트에서는 props로 받을 때 지정한 이름도 type에 넣어줘야 한다.

해결

• SearchResults는 item을 list라는 이름으로 받는다.

  

• type을 이렇게 지정해주면 오류가 나지 않는다.

  

• 다른 컴포넌트에서도 props의 이름을 list로 지정하면 해당 type을 재사용 할 수 있다.