react Each child in a list should have a unique key prop.

  • key prop 에 대한 글이 아니고, 단순히 에러 메시지를 뛰우지 않기위해 하는 단순무식한 글이다.

example.js
1
2
3
4
5
6
7
<div className="product__rating">
{Array(rating)
.fill()
.map((_, i) => (
<p key={i}>✨</p>
))}
</div>
  • 반복문을 통해 자식 엘리먼트를 생성할 때,

    Each child in a list should have a unique key prop.

  • 이 오류 콘솔에 뜨게된다
  • 콘손에 빨간 오류가 보기 싫어서
  • 인덱스 값으로 key prop을 명시해준다

참고

Author

chinsung

Posted on

2020-12-02

Updated on

2021-08-04

Licensed under

댓글