prop-types

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

• npm : prop-types
• PropTypes와 함께 하는 타입 검사