[React] PropTypes 종류 정리

2020. 1. 14. 14:10개발나들이/front

react 공부 중 정리해두면 좋을 거 같아 옮겨적네요.

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


1. PropTypes 종류


array : 배열


arrayOf (다른 PropType) : 특정 PropType으로 이뤄진 배열을 의미함 

- (ex)  arrayOf(PropTypes.number) 는 숫자로 이뤄진 배열.


bool : true or false


func : 함수


number : 숫자


object : 객체


string : 문자열


symbol : ES6의 Symbol


node : 렌더링할 수 있는 모든 것 (숫자, 문자열, 혹은 JSX코드. children도 node PropType임)


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

- (ex) instanceOf(MyClass)


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


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


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


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


any : 아무 종류