TypeScript Props에 Type 지정하기

타입스크립트로 개인 프로젝트를 하다가 Props에 타입을 지정하고 싶은데 같은 실수를 반복하고 있어서 정리한다.

 

❌❌❌❌❌❌❌❌❌❌❌❌❌

const DocumentList = ({ documentList}: DocType[]): JSX.Element => {

계속 이런 식으로 타입을 지정하면 되겠지 하고 해봤는데 계속 오류를 뱉어냈다.

객체 디스트럭쳐링에 대한 개념이 부족했나보다.

 

 

 

 

 

결론적으로는 이렇게 써야함! ✅✅✅✅✅✅✅✅✅

const DocumentList = ({ documentList }: { documentList: DocType[] }): JSX.Element => {

 

💡💡💡💡  Props가 여러개라면??????

const DocumentList = ({ documentList, type }: { documentList: DocType[]; type: string }): JSX.Element => {