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

阅读 56

2022-07-12


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

找到错误的代码:

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

修改为:

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

警告消失

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

   希望对你有所帮助

精彩评论(0)

0 0 举报