더북(TheBook)

3.3.6.2 더 많은 PropTypes 종류

PropTypes에서는 여러 가지 종류를 설정할 수 있습니다. 어떤 것이 있는지 짚고 넘어가 봅시다.

array: 배열

arrayOf(다른 PropType): 특정 PropType으로 이루어진 배열을 의미합니다. 예를 들어 arrayOf(PropTypes.number)는 숫자로 이루어진 배열입니다.

bool: true 혹은 false

func: 함수

number: 숫자

object: 객체

string: 문자열

symbol: ES6의 Symbol

node: 렌더링할 수 있는 모든 것(숫자, 문자열, 혹은 JSX 코드. childrennode PropType입니다.)

instanceOf(클래스): 특정 클래스의 인스턴스(예: instanceOf(MyClass))

oneOf(['dog', 'cat']): 주어진 배열 요소 중 값 하나

oneOfType([React.PropTypes.string, PropTypes.number]): 주어진 배열 안의 종류 중 하나

objectOf(React.PropTypes.number): 객체의 모든 키 값이 인자로 주어진 PropType인 객체

shape({ name: PropTypes.string, num: PropTypes.number }): 주어진 스키마를 가진 객체

any: 아무 종류

더 자세한 정보는 https://github.com/facebook/prop-types에서 확인할 수 있습니다.

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