[React] Props의 타입 지정

타입스크립트 환경에서는 Props의 타입 지정도 필요하다. Props에는 어떤 데이터가 올 지 모르기 때문에 type 묶음을 만들어 사용하면 된다.

type Props타입 = {
  id?: number;
  name?: string;
}

const 자식컴포넌트 (props: Props타입) :JSX:Element = () => {
  return (
    <div>
      <p>아이디 : {id}</p>
      <p>이름: {name}</p>
    </div>
  )
}

props를 받지 않아도 될 때가 있다면, 물음표를 넣어준다.