Reactjs 警告:列表中的每个子项都应具有唯一的;“关键”;道具-在不改变阵列的情况下移除此警告

Reactjs 警告:列表中的每个子项都应具有唯一的;“关键”;道具-在不改变阵列的情况下移除此警告,reactjs,Reactjs,我正在学习如何反应,并得到了这个问题。我看过一篇文章,它告诉我要给出id,但由于我的数据不包含id,有没有其他方法来删除警告。我不想修改数组: <ul> {["Item1", "Item2", "Item3"].map(item => <li>{item}</li> )} </ul> {[“项目1”、“项目2”、“项目3”].map(项目=> {item} )} 您

我正在学习如何反应,并得到了这个问题。我看过一篇文章,它告诉我要给出id,但由于我的数据不包含id,有没有其他方法来删除警告。我不想修改数组:

<ul>
  {["Item1", "Item2", "Item3"].map(item =>
  <li>{item}</li>
  )}
</ul>
    {[“项目1”、“项目2”、“项目3”].map(项目=>
  • {item}
  • )}

您应该这样做:

<ul>
  {["Item1", "Item2", "Item3"].map(item =>
  <li key={item}>{item}</li>
  )}
</ul>
    {[“项目1”、“项目2”、“项目3”].map(项目=>
  • {item}
  • )}

@user8866欢迎!,可以单击“已解决”吗?不要将索引用作键。这通常会导致错误。您可以使用对象标识作为id:
  • {item}
  • @Martin谢谢!我会试试的