더북(TheBook)

3.2.4 props 검증: propTypes

 

컴포넌트의 필수 props를 지정하거나 props 타입(type)을 지정할 때는 propTypes를 사용합니다. 컴포넌트의 propTypes를 지정하는 방법은 defaultProps를 설정하는 것과 비슷합니다. propTypes를 사용하려면 우선 코드 위쪽에 propTypes를 불러와야 합니다.

MyComponent.js

import PropTypes from ‘prop-types’;

 

그다음에는 다음과 같이 클래스 밖에서 설정해도 됩니다.

MyComponent.js

import React, { Component } from ‘react’;
import PropTypes from ‘prop-types’;

class MyComponent extends Component {
  (...)
}

MyComponent.propTypes = {
  name: PropTypes.string // name props 타입을 문자열로 설정합니다.
}

export default MyComponent;

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.