All ContentsCategoryAbout

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
}

propTypes 참고

© 2023 intzzzero, Built with

Gatsby