Warning: Each child in a list should have a unique “key“ prop.

小咪咪 2022-09-03 11:24 175阅读 0赞

react 项目 forEach 循环，或者是map 循环出现这样错误

找到错误的代码：

  1. const result=nameArr.map((item,index)=>{
  2.     return <h1>{item}~~~~</h1>
  3. })

修改为：

  1. const result=nameArr.map((item,index)=>{
  2.     return <h1 key={index}>{item}~~~~</h1>
  3. })

警告消失

总结：在react的for 循环，map循环，或者是forEach循环中，需要给直接控制的最外层的元素提阿添加key属性，在循环中返回的标签 需要添加一个key的属性，并且每个返回的属性值不同

希望对你有所帮助

发表评论

表情：
评论列表 （有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读