JSON JavaScript PropTypes 변환 사용 방법
- 대표적인 JSON 샘플을 붙여 넣으세요. 가능하면 선택적 필드가 모두 채워진 것이 좋습니다.
- 루트 타입의 이름을 설정하고 헬퍼 코드도 원하는지 타입만 원하는지 결정하세요.
- 생성된 JavaScript PropTypes 코드를 프로젝트에 복사하세요.
JSON JavaScript PropTypes 변환 소개
큰 JSON 페이로드에 대한 모델 클래스를 직접 작성하는 일은 지루하고 오타가 끼어드는 곳입니다. 여기에 샘플을 붙여 넣으면 생성기가 구조를 파악합니다. 어떤 필드가 있고, 어떤 것이 객체이고, 어떤 것이 배열이며, 각 값이 어떤 타입인지입니다. 출력은 컴포넌트에 바로 할당할 수 있는 React PropTypes shape입니다.
PropTypes는 개발 빌드에서만 런타임에 props를 검사하며 운영 환경에서는 무시됩니다. 모든 것이 브라우저에서 실행되므로 샘플 데이터는 내 컴퓨터에 머뭅니다.
생성된 코드 사용하기
내보낸 shape를 import하여 MyComponent.propTypes = { data: RootShape }처럼 사용하세요.
선택적 값은 isRequired가 없으므로 undefined와 null을 받아들입니다.