React TIL 02
06 June, 2020 - React - 1 min read
React TIL 02
- props를 전달할 때 고유값을 전달하지 않으면 위와 같이 경고가 뜬다.
- 따라서 props에 ID를 만들고 아래와 같이 key로 넘겨야 함.
{BeerBox.map(beer => (
<Beers key={beer.id} name={beer.name} picture={beer.image} />
))}-
npm i prop-types- props가 잘못 전달 되었을 때 이를 알려주는 도구
- 아래와 같이 각 필요한 데이터의 타입을 명시해준다
Beers.propTypes = {
name: PropTypes.string.isRequired,
picture: PropTypes.string.isRequired,
rating: PropTypes.number.isRequired
}