[리액트]PropType 과 isRequired

propTypes는 props의 타입을 지정할 때 사용한다.
컴포넌트의 proptypes를 지정하는 방법은 defaultProp과 propTypes이다.

import React from 'react';
import PropTypes from 'prop-types';

const MyComponent = ({ name, children }) => {
  return(
    <div>
      {name}
      {children}
    </div>
  )
}

MyComponent.defaultProps = { 
  name:'하나',
}

MyComponent.propTypes = {
  name:PropTypes.string,
  title:PropTypes.number.isRequired //필수 설정일때 사용
}

export default MyComponent;

defaultProps - props값이 전달되지않을때 error가 생기지않게 기본값을 넣어준다.

propTypes 종류

• array:배열
• arrayOf(다른 PropType) : 특정 propTypes으로 이루아진 배열을 의미
• bool : true, false
• func : 함수
• number : 숫자
• object : 객체
• string : 문자열
• symbol : es6의 심볼
• node : 렌더링 할 수 있는 모든것 (숫자, 문자열 등)
• instanceOf(클래스) : 특정 클래스의 인스턴스
• oneOf(['dog',cat]) : 주어진 배열 요소 중 값 한개

defaultProps, propTypes 필수는 아니지만, 넣어주는 것이 좋다.