children 속성 타입 명시

이유정·2023년 9월 2일
0

Typescript

목록 보기
4/5

참고
https://merrily-code.tistory.com/209

자식 요소 감싸는 래퍼 컴포넌트를 작성할 때 자식 요소인 children 속성의 타입을 명시해야 하는 경우가 많다.

종류

  • ReactChild
  • ReactElement
  • ReactNode

React.ReactNode

// ReactChild 타입에 string, number 타입이 포함되어 있습니다.
type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
  • children 속성의 타입으로 가장 많이 사용된다.
  • jsx 내에서 사용할 수 있는 모든 요소의 타입을 의미.(stirg,number, null, undefined를 포함하는 가장 넓은 범위)
  • 클래스 컴포넌트의 render 함수가 기본적으로 리턴하는 타입이다. (함수 컴포넌트는 ReactElement 인터페이스를 리턴한다.)
profile
강의 기록 블로그

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN