PropTypes

kang·2020년 4월 14일
0

react

목록 보기
3/4

프로젝트에서 TypeScript or PropTypes 중 어떤 것을 사용할 것인가에 대해서 논의가 되었었고,
당시 현업에서 PropTypes를 사용하기로 결정이 되어 사용했었다.
리액트 사이트에서 보면 애플리케이션의 타입 확인을 위하여 TypeScript와 같은 JavaScript도구를 사용할 수 있고, 특별한 프로퍼티인 propTypes를 선언할 수 있다는 설명이 있다.

import React from 'react';
import PropTypes from 'prop-types';
const Counter = ({ history, isChecked, inputCode}) => {
 ...
};

Counter.propTypes = {
  history: PropTypes.object,
  isChecked : PropTypes.bool,
  inputCode : PropTypes.func
};

export default Counter;

위 코드처럼 사용하며, PropTypes는 전달받은 데이터의 유효성을 검증하기 위해서 다양한 유효성 검사기를 내보내며, PropTypes는 성능상의 이유로 개발 모드에서만 확인된다.

profile
ksb

0개의 댓글