Knowledge/React.js

[React.js] PropTypes

winCow 2021. 6. 17. 10:26

PropTypes

 

React에서 전달받은 Props의 타입을 체크하기 위한 라이브러리이다.

npm에서 PropTypes를 설치한 뒤 사용할 수 있다.

 

Component.propTypes = {
  property1: PropTypes.string.isRequired,
  property2: PropTypes.string.isRequired,
  property3: PropTypes.number
}

위와 같이 사용하여 해당 프롭스로 전달되는 타입을 확인할 수 있는데, property1, property2에는 string이 반드시 전달되어야 하고, property3에는 number 혹은 undefined가 전달되어야 한다.