Уникальный ключ опора?

Question

Я не уверен, как решить это предупреждающее сообщение ??

"Предупреждение: у каждого дочернего элемента в массиве или итераторе должна быть уникальная" ключевая "опора".

  let theComments = 
  this.props.state.studentCommentReducer.studentCommentReducer.map((comments) => {
  return <CommentsItem key={comments.id} comments={comments} />;
  });



     Student: {this.props.comments.comment}

Answer 1

Вам необходимо указать уникальный ключ для каждого из сопоставленных CommentsItem, , предпочтительно не индекса массива .

В своем коде убедитесь, что comments.idуникальный.Это решило бы предупреждение, которое вы получаете.

Answer 2

В каком-то смысле вам нужно указать ключ для каждого элемента.Вы можете сделать что-то вроде этого

...map((comments) => {
  return <CommentsItem key={comments.id} comments={comments} />;
});

или

...map((comments, i) => {
  return <CommentsItem key={i} comments={comments} />;
});

Ref .: https://reactjs.org/docs/lists-and-keys.html#keys-must-only-be-unique-among-siblings