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的属性,并且每个返回的属性值不同
希望对你有所帮助