prop-types

Ayaan·2022년 4월 6일
0

js 프로젝트에서는 ts 대용품(?)같은 prop-types에 대해 좀 더 자세히 알아봤다

1. validation


기본적인 validation은 다음과 같이 한다

import PropTypes from "prop-types";

const SomeComponent = ({children, name}) => (
  {/* jsx */}
);

SomeComponent.propTypes = {
  children: PropTypes.oneOfType([PropTypes.array, PropTypes.element],
  name: PropTypes.string.isRequired,
}

2. default value


기본값을 설정할 때에는 다음과 같다

import PropTypes from "prop-types";

const SomeComponent = ({name}) => (
  {/* jsx */}
);

SomeComponent.defaultProps = {
	name: 'Stranger'
}

3. TL; DR

prop-types은 js 프로젝트에서 validation을 하기 위해 사용한다
default value를 지정할 수도 있고 optional, required 등도 설정할 수 있다







*References

profile
2022.04.01. 첫직장에 입사한 신입 FE개발자입니다🔥

0개의 댓글