文档章节

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
阅读 4K
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

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
博文 80
码字总数 37034
作品 0
杭州
程序员
私信 提问
加载中
请先登录后再评论。
了解React.js中数组子项的唯一键 - Understanding unique keys for array children in React.js

问题: I'm building a React component that accepts a JSON data source and creates a sortable table. 我正在构建一个接受JSON数据源并创建可排序表的React组件。 Each of the dynamic ......

javail
05/20
3
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
9.1K
3
React学习日记

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

潘-C
2016/04/06
154
0
关于react循环渲染中的key

在react中使用map或者其他方法生成DOM时经常看到如下警告: index.js:1446 Warning: Each child in an array or iterator should have a unique "key" prop. See https://fb.me/react-warni......

osc_bt2kdd6q
2019/02/28
4
0
react里面Fragments的使用

关于react Fragments,React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。 render() { } 但是我在实际运用中,碰到了问题,...

osc_f5e60qdm
2018/06/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何离线安装所有依赖包

当我们在一个没有公网的环境下去部署一些东西的时候往往是让人很头疼的一件事,因为可能会需要各种依赖包,依赖包本身也还有很多依赖关系。如果没有一次性把全部的依赖包打包下载好,我们下载...

osc_exgfhxar
39分钟前
8
0
7款优秀Vim插件帮你打造完美IDE - 知乎

集成开发环境(IDE,Integrated Development Environment )是用于提供程序开发环境的应用程序,不管是Java、C还是Python,使用IDE编程可以帮你检查语法、自动补全、后台编译等,写代码就变得...

osc_56801rv0
39分钟前
31
0
算法工程师的数学基础|线性代数中的向量内积和外积概念及几何意义

线性代数主要包含向量、向量空间(或称线性空间)以及向量的线性变换和有限维的线性方程组。本篇文章主要介绍线性代数部分中的向量和向量空间。 本篇内容主要是对线性代数中向量点积和外积补...

osc_sw1y4qdg
41分钟前
22
0
Python json.dumps 中文问题

今天用json.dump()函数,遇到了中文自动转Unicode编码的问题 def dumps(obj, *, skipkeys=False, ensure_ascii=True, check_circular=True, allow_nan=True, cls=None, indent=None,......

osc_dbf92nqg
42分钟前
17
0
菜鸟如何在阿里云快速建站(pc站+手机站+公众号+小程序)

在当今互联网大发展的时代,互联网已经成为和吃饭睡觉一样平常的事物。不论个人还是公司、不论是打工的还是老板、不论是农村的还是城市的,不知道互联网的人大概只剩下那些年龄过高的部分老年...

osc_hinb5m98
44分钟前
27
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部