prop-types

proptype

-> component에 들어온 값이 유효한 값인지 props의 type을 미리 정의해놓아, 미리 정해 놓을 경우 잘못된 값이 들어오는 것을 막아주는 아주 좋은 친구이다.

- 설치 방법
- 터미널에 npm i prop-types / install -save prop-types
- 설치후, Package.json 파일에서 prop-types 생성 확인

적용

proptype을 모든파일에 import해야한다

import PropTypes from 'prop-types';

사용

name, rating은 string, number형태가 필수임을 명시하며, img는 stringg형태를 명시 /

이 외의 형태를 입력시 에러 발생.

 컴포넌트.propTypes = {
        name : PropTypes.string.isRequired, 
        img : PropTypes.string,
        raing : PropTypes.number.isRequired
    }