[React] propTypes를 통한 props

propTypes는 컴포넌트의 필수 props를 지정하거나 props의 타입을 지정할 때 사용한다.

propTypes를 지정하는 방법은 defaulProp를 설정하는 것과 유사.

 

import PropTypes from "prop-types";

위의 코드를 import해주고 ,

 

MyComponent.prototype = {
  name: PropTypes.string,
  favoriteNumber: PropTypes.number.isRequired
};

컴포넌트 함수 하단에 이렇게 작성하면,

name은 string형태로 전달해야하며,

favoriteNumber은 isRequired를 사용하였기 때문에 필수 속성을 뜻한다.

아니라면 콘솔창에 에러가 뜰 것임. (나는 왜 안뜨는가.. 책은 뜬다했는데.. 하지만 필수 속성!!!)