文档章节

Each child in an array or iterator should have a unique "key" prop. Check the render method of `Tabl

前端大白
 前端大白
发布于 2017/09/09 14:22
字数 250
阅读 82
收藏 0

Each child in an array or iterator should have a unique "key" prop. Check the render method of `Table Cell`

在使用ant的过程中,我相信有很多人都会遇到这个错误,

解决方式需要根据不再的场景来,遵循的只有一个原则,设置key值,

在table中:需要设置rowKey,如果dataSource中没有id的话,需要设置rowKey的值指向唯一.

在option中也 需要设置key值的,比如:有一段数据

const menuItem = [
  {
    value:'0',
    text:'项目出勤'
  },
  {
    value:'1',
    text:'春节放假'
  },
  {
    value:'2',
    text:'春节待命'
  },
  {
    value:'3',
    text:'带薪假(婚/丧/探/亲)'
  },
  {
    value:'4',
    text:'带薪病假'
  },
  {
    value:'5',
    text:'事假'
  },
  {
    value:'6',
    text:'旷工'
  },
];

在做循环的时候,需要设置key值,不然会报错,可以这样做,

<Select style={{ width: 80 }} onChange={this.fatherSelectChange.bind(this)}>
            {menuItem.map((item,index) =>{
              return(
                <Option key={index} value={item.value}>{item.text}</Option>
              )
            })}
          </Select>

欢迎各界大神前来指导,有问题也可以在下方留言交流.

© 著作权归作者所有

共有 人打赏支持
前端大白
粉丝 12
博文 78
码字总数 34497
作品 0
杭州
程序员
私信 提问
,Warning: Each child in an array or iterator should have a unique "key" prop

@vczero 你好,想跟你请教2个问题: 问题1: React-Native报错和警告 总是报这个警告:Warning: Each child in an array or iterator should have a unique "key" prop. Check the... 下面是...

happyhong
2016/04/08
7.8K
3
React学习日记

记录自己的学习开发过程。 1.当你在写react的时候报了这个错误或者警告:Each child in an array or iterator should have a unique “key” prop. 解决办法是在render每个循环的标签内添加属...

潘-C
2016/04/06
96
0
前端日刊君来也

每天努力的日刊君 - 2017.11.16 nextTick()异步更新队列源码解析 React

前端新视野
2017/11/17
0
0
Vue 2.5.12 和 2.5.13 发布,轻量级 JavaScript 框架

Vue 2.5.12 和 2.5.13 发布了。Vue 是一款轻量级 JavaScript 框架。主要更新内容如下: 2.5.12 修复 core: revert prop object validation 01c0750, closes #7279 改进 core: allow symbol a......

达尔文
2017/12/26
3K
6
使用Formik轻松开发更高质量的React表单(四)其他几个API解析

(下面部分内容正处于翻译中,敬请稍等......) will automagically hook up inputs to Formik. It uses the name attribute to match up with Formik state. will default to an element. T......

googlingman
07/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
38分钟前
6
0

中国龙-扬科
昨天
1
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
5
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
8
0
在PC上测试移动端网站和模拟手机浏览器的5大方法

总结很全面,保存下来以备不时之需。原文地址:https://www.cnblogs.com/coolfeng/p/4708942.html

kitty1116
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部