文档章节

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
阅读 25
收藏 0
点赞 0
评论 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>

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

© 著作权归作者所有

共有 人打赏支持
前端大白
粉丝 9
博文 77
码字总数 33880
作品 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 ⋅ 3

React学习日记

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

潘-C ⋅ 2016/04/06 ⋅ 0

前端日刊君来也

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

前端新视野 ⋅ 2017/11/17 ⋅ 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 ⋅ 6

Vue.js 1.0.0 beta1 发布,轻量级 JavaScript 框架

Vue.js 1.0.0 beta1 发布,此版本包含 1.0.0 Alpha 5 的所有改进和 bug 修复。 相比 0.12.15,改进如下: 重要改进 常规改进 The data binding syntax has been redesigned. Details The glo...

oschina ⋅ 2015/09/22 ⋅ 9

oracle constraint_type 问题

select distinct constrainttype from dbaconstraints; 结果: CONSTRAINT_TYPE ? C --check O P --primary key R --forgien key U --unique V 其他三个是什么? constraint的类型: 1、pri......

wangxuwei ⋅ 2016/05/28 ⋅ 0

vue v2.0.0-rc.1 和 v2.0.0-beta.8 发布

vue v2.0.0-rc.1 和 v2.0.0-beta.8 发布了,Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。 vue v2.0.0-rc.1 主要更新内容: 修复 ...

oschina ⋅ 2016/08/12 ⋅ 18

Java动态生成类以及动态添加属性 本篇文章来源于 Linux公社网站(www.linuxidc.c

有个技术实现需求:动态生成类,其中类中的属性来自参数对象中的全部属性以及来自参数对象propertities文件。 那么技术实现支持:使用cglib代理。 具体的实现步骤: 1.cglib的jar包(cglib-n...

donkeyMeng ⋅ 2016/03/05 ⋅ 0

PostgreSQL CREATE TABLE(EN)

Name CREATE TABLE -- define a new table Synopsis CREATE[ [ GLOBAL | LOCAL ] {TEMPORARY|TEMP }| UNLOGGED ]TABLE[ IF NOT EXISTS ] table_name ([ { columnname datatype [ COLLATE col......

长平狐 ⋅ 2012/09/06 ⋅ 0

PostgreSQL CREATE TABLE(EN)

Name CREATE TABLE -- define a new table Synopsis CREATE[ [ GLOBAL | LOCAL ] {TEMPORARY|TEMP }| UNLOGGED ]TABLE[ IF NOT EXISTS ] table_name ([ { columnname datatype [ COLLATE col......

长平狐 ⋅ 2012/08/27 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

来自一个优秀Java工程师的简历

写在前面: 鉴于前几天的一份前端简历,虽然带着很多不看好的声音,但却帮助了很多正在求职路上的人,不管评论怎么说,我还是决定要贴出一份后端的简历。 XXX ID:357912485 目前正在找工作 ...

颖伙虫 ⋅ 13分钟前 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

Linux系统日志

linux 系统日志 /var/log/messages /etc/logrotate.conf 日志切割配置文件 https://my.oschina.net/u/2000675/blog/908189 logrotate 使用详解 dmesg 命令 /var/log/dmesg 日志 last命令,调......

Linux学习笔记 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部