您的位置:首页 > 产品设计 > UI/UE

Warning: Each child in an array or iterator should have a unique "key" prop.

2017-05-29 16:40 459 查看
源代码是这样

class Main extends Component{
render(){
return(
<div>
{
arr.map((item,index)=>{
return(
<li>{item*2}</li>
)
})
}
</div>
)
}
}
render(
<Main />,
document.getElementById("root")
);


但会报这样的错误:

bundle.js:1004 Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `Main`. See https://fb.me/react-warning-keys for more information.


解决方案如下:

class Main extends Component{
render(){
return(
<div>
{
arr.map((item,index)=>{
return(
<li key={index}>{item*2}</li>
)
})
}
</div>
)
}
}
render(
<Main />,
document.getElementById("root")
);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  react
相关文章推荐