[노마드 코더] Protection with PropTypes #2.4

https://nomadcoders.co /courses

1) Property Type을 정의해 데이터에러를 줄여주는 패키지

숫자 데이터 타입을 가져와야 하는데 문자 타입을 가져오면 에러가 날 수 있어서

미리 가져오려는 데이터 타입을 정의하고, 콘솔에 경고 메세지로 이를 방지해 준다.

 

Terminal에

npm i prop-types

을 치면 다운로드가 시작되고 package.json에 prop-types가 생긴다.

 

App.js에

import PropTypes from "prop-types";

를 넣어주고 데이터를 받고있는 HTML 구조를 갖고있는 함수 아래에

Food.propTypes = {
	name: PropTypes.string.isRequired,
    pictuer: PropTypes.string.isRequired,
    rating: PropTypes.number.isRequired
};

*isRequired는 반드시 해당 데이터가 있어야된다.

 isRequired가 없으면 undefined 혹은 정의된 데이터 타입이면 된다.