[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 : 아무 종류
'개발나들이 > front' 카테고리의 다른 글
[CSS] 채팅 입력창 및 모든 입력창 한글을 기본으로 변경 (0) | 2021.06.22 |
---|---|
[React] 리액트 강좌 (0) | 2021.06.21 |
마스킹처리 - 2 (고객정보) (0) | 2019.11.14 |
마스킹처리 - 1 (전화번호, 이메일, 차량번호, 사업가번호 등등) (0) | 2019.10.30 |
XSS / CSRF 공격 가능성 막기 (스크립트 막기) (0) | 2019.10.07 |