[React] React 기본 - prop types

1. prop-types 설치

최초 npx create-react-app 설치시 자동으로 module 설치되는 것으로 보임

설치오류 발생 시 npm i (npm init) → npm 한 후에 npm i prop-types

2. prop-types의 활용

최종적으로 전달받는 Component가 props를 잘 받는지 확인하기 위해 활용한다.

• 전달받는 type
• 인자의 전달여부

화면상이 아닌 console 환경(CLI)에서 확인이 가능하며,
오류가 발생하는 경우에만 해당 오류가 나타난다.

3. 코드예시

import Proptypes from "prop-types"

function renderList(props){
  //console.log(props)
  return <List key={props.id} name={props.name} rating={props.rating}/>
}

renderList.propTypes = {
  name : PropTypes.string.isRequired,
  rating : PropTypes.number.isRequired
}

최초 사용시 반드시 소문자로 사용해야 한다.

Proptypes.(types).(Required?) 형식으로 사용한다.