React PropTypes

drrobot409·2022년 1월 24일
0

Front-end 🖥

목록 보기
12/14

React의 PropTypes는 컴포넌트가 받을 Props의 데이터 타입을 미리 지정하고 실제 전달 받은 Prop이 그와 다를 경우 콘솔을 통해 에러를 출력하는 기능을 한다.

별도의 설치가 필요하다.

$ npm i prop-types

import PropTypes from "prop-types";

ComponentExample.PropTypes = {
    // 다양한 데이터 타입을 지정할 수 있다.
	propName1: PropTypes.string,
    propName2: PropTypes.number,
    propName3: propTypes.func,
    propName4: propTypes.bool,
    propName5: propTypes.array,
    propName6: propTypes.symbol,
  	// 필수 prop 지정
    propName7: propTypes.object.isRequired, 
  	// 해당 타입 중 하나에 해당
  	propName8: propTypes.oneOfType(
      [PropTypes.string, 
       PropTypes.number,
    ])
    // 특정 값을 지정할 수도 있다.
  	propName9: propTypes.oneOf(["사과", "바나나"])
};
profile
개발자로 자기 개발 중

0개의 댓글