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