文档章节

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
阅读 44
收藏 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>

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

© 著作权归作者所有

共有 人打赏支持
前端大白
粉丝 10
博文 85
码字总数 38501
作品 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
6.3K
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
2.6K
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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

spring-boot | 日志

引言 好久不见,都还好吗? 大家都知道,我一般都是带来实用的东西,这次也一样,我们来试试项目开发中的日志处理。 理论知识 1、为什么要用日志?你是否因为项目出现问题,查找日志文件定位...

成都_小冯同学
21分钟前
0
0
dubbo下的补偿实现(一)

背景 由于前面几篇文章涉及的问题 分布式事务的思考 在我们微服务的场景下 各种本地事务都没有办法控制的很好。 A服务调用B服务 当B服务成功提交之后 A发生了异常 这种情况下要如何处理呢??...

Mr_Qi
30分钟前
4
0
HTML显示json字符串并且进行格式化

通过pre标签进行格式化展示,使用JSON.stringify()方法转换。 代码如下:   <html> <head> <title>HTML显示json字符串并且进行格式化</title> </head> <body> <p id="show_p">{ "name": "B......

writeademo
50分钟前
0
0
LNMP——php-fpm

php-fpm的pool •vim /usr/local/php/etc/php-fpm.conf //在[global]部分增加include并删除我们之前www池子 • include = etc/php-fpm.d/*.conf • mkdir /usr/local/php/etc/php-fpm.d/ • ......

chencheng-linux
54分钟前
0
0
TensorFlow layers slim 模块搭建cnn对mnist分类,比较bn效果

shape变化 (?, 784)(?, 28, 28, 1)(?, 14, 14, 8)(?, 7, 7, 8)(?, 1, 1, 8)(?, 8)(?, 10) 结果对比,基本上还是有点用的 0.91725457 0.9232 0.9548 0.95530.9177273 0.9234 0....

阿豪boy
57分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部