Реагировать на ключи - отображать 2 повторяющихся элемента в списке - как избежать предупреждения о том же ключе, что и те же элементы, которые не предназначены, без использования индекса в качестве ключа?

Question

У меня есть галерея предметов. 2 элемента всегда будут одинаковыми для игры в карты памяти (если вспомнить 2 подходящих изображения). Теперь, если я сопоставляю, я получаю ошибку, что у каждого ребенка должен быть уникальный ключ, так как я даю идентификатор в качестве ключа. Однако 2 из предметов, которые я представляю, абсолютно одинаковы. Единственный способ, которым я вижу, - дать индекс в качестве ключа, что не очень хорошо.

Как мне сделать sh это без передачи индекса.

state = {
 cards: [
   {id: 132, src="example.com/hello"},
   {id: 142, src="example.com/bye"},
   {id: 132, src="example.com/hello"},
   {id: 142, src="example.com/bye"}
 ]
}
this.state.cards.map((card)=> {
  return <div key={card.id}><img src={card.src} /> <div/>
}

Answer 1

@ sushant по существу ответил, но вот код

this.state.cards.map((card,index)=> {
  return <div key={index}><img src={card.src} /> <div/>
}