js 프로젝트에서는 ts 대용품(?)같은 prop-types
에 대해 좀 더 자세히 알아봤다
기본적인 validation
은 다음과 같이 한다
import PropTypes from "prop-types";
const SomeComponent = ({children, name}) => (
{/* jsx */}
);
SomeComponent.propTypes = {
children: PropTypes.oneOfType([PropTypes.array, PropTypes.element],
name: PropTypes.string.isRequired,
}
기본값을 설정할 때에는 다음과 같다
import PropTypes from "prop-types";
const SomeComponent = ({name}) => (
{/* jsx */}
);
SomeComponent.defaultProps = {
name: 'Stranger'
}
prop-types
은 js 프로젝트에서 validation을 하기 위해 사용한다
default value를 지정할 수도 있고 optional, required 등도 설정할 수 있다