5/22 TIL

PropTypes

PropTypes는
전달받은 데이터의 유효성을 검증하기 위해서 다양한 유효성 검사기(Validator)를 내보낸다.

prop-types 패키지에 PropTypes 임포트 하기

import PropTypes from "prop-types";

PropTypes 객체는
복잡한 타입 정의를 위한 shape(), arrayOf(), oneOf(), instanceOf()도 쓸 수 있다.

isRequired를 붙임으로써 반드시 입력되어야 하는 필수 prop으로 정의 할 수 있다.

---

초기 Prop 값 설정

defaultProps 프로퍼티를 할당함으로써 props의 초깃값 설정 할 수 있다.
ex)

Test.defaultProps = {
 width: 20px;
 heigth: 20px;
}

해당 prop값이 넘어오지 않는 경우 저 위와 같은 기본값이 사용된다

---