[ react ] prop-types 사용 방법

JooKit 주킷 2021. 2. 7. 11:04
목차 접기
728x90
반응형
Food.propTypes = {
  name: PropTypes.string.isRequired,
  picture: PropTypes.string.isRequired,
  rating: PropTypes.number.isRequired
};
  • 위와 같이 입력을 해주면 Food 컴포넌트는 name, picture, rating이라는 props를 전달받는 컴포넌트로 정의된다.
  • 각 props는 string, number의 자료형을 갖게 된다.
  • 정의되지 않은 props명이나 자료형으로 코딩을 하면 프로그램 오류로 실행이 안되진 않지만
    경고가 발생하여 개발자가 수정할 수 있도록 도와준다.
  • 프로그램이 커질수록 그 진가를 발휘하게 된다.

isRequired 의미

  • 필요하다는 뜻
  • 때에 따라 없어도 된다.
  • 평점의 예로 아직 평점이 등록되지 않은 영화일 수도 있기 때문.
728x90
반응형
LIST