码迷,mamicode.com
首页 > 其他好文 > 详细

react异常 Each child in a list should have a unique “key” prop

时间:2020-07-15 12:46:45      阅读:435      评论:0      收藏:0      [点我收藏+]

标签:key   需要   span   load   name   classname   组件   mic   div   

react异常警告:Each child in a list should have a unique “key” prop

技术图片

原因:Dom在渲染数组时,需要一个key,不然嵌套数组时会引起歧义

解决:

1   <div className="classlist-contaier">
2     {this.state.classList.map((item, index) => {
3       return <ClassItem key={index}/>;
4     })}
5   </div>

另外,如果遍历添加组件时,在组件外再加个div之类的容器,那么key需要在上层添加。比如:

1   <div className="classlist-contaier">
2     {this.state.classList.map((item, index) => {
3       return (
4         <div key={index}>
5           <ClassItem/>
6         </div>
7       );
8     })}
9   </div>

 

react异常 Each child in a list should have a unique “key” prop

标签:key   需要   span   load   name   classname   组件   mic   div   

原文地址:https://www.cnblogs.com/kybs0/p/13304012.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!