PropTypes설치

npm i prop-types

package.json에서 설치 확인

image.png

PropTypes는 받은 데이터가 유효한 지 확인하는 데 사용 할 수 있는 유효성 검사기의 범위를 내보냅니다.

Props 체크

부모 컴포넌트로부터 전달 받은 props가 우리가 예상한 props인지 체크해야할 필요가 있다.

App.js파일에 prop-types라이브러리를 로드하자.

import PropTypes from "prop-types";
Food.propTypes = {
    name: PropTypes.string.isRequired,
    picture: PropTypes.string.isRequired,
    rating: PropTypes.number
}