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

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

example.js

<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을 명시해준다

참고

• key prop이 어떤 용도 인지 공부해보자…
• 리스트와 Key – React