컴포넌트에 생략할 수 있는 props 설정하기

문제 상황 !
props 중에서 받아올 필요가 없는 것들이나 함수 타입의 props를 어떻게 받아올지가 문제였음

  • 컴포넌트의 props 중에서 생략해도 되는 값이 있을 때 : ?붙이기

    1
    2
    3
    4
    5
    type sampleProps = {
      name: string;
      age: number;
      email?: string;
    };

  • 컴포넌트에서 함수 타입 props 받기

    1
    2
    3
    4
    5
    6
    type sampleProps = {
      name: string;
      age: number;
      email?: string;
      onClick: (name: string) => void; // 아무것도 리턴하지 않는 함수 의미
    };