[React] proptype

sunny·2020년 12월 17일
0

💠 React

목록 보기
6/15
post-thumbnail

proptype

https://ko.reactjs.org/docs/typechecking-with-proptypes.html

prop의 type을 미리 정의해서 component에 전달된 값이 유효한지 확인할 수 있다.


설치

npm i prop-types

설치 여부 확인

  • package.json

사용

import PropTypes from 'prop-types';

Food.propTypes = {
  name:PropTypes.string.isRequired,
  image:PropTypes.string.isRequired,
  rating:PropTypes.number 
};
  • type, isRequired 여부 확인 가능

에러발생시

  • 잘못된 타입의 값이 들어온 경우 다음과 같은 에러 발생
profile
blog 👉🏻 https://kimnamsun.github.io/

0개의 댓글