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

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>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

Mix 10 上的asp.net mvc 2的相关Session

Beyond File | New Company: From Cheesy Sample to Social Platform Scott Hansel...

2567
来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

2060
来自专栏跟着阿笨一起玩NET

c#实现打印功能

2732
来自专栏ASP.NETCore

ASP.NET Core 整合Autofac和Castle实现自动AOP拦截

除了ASP.NETCore自带的IOC容器外,我们还可以使用其他成熟的DI框架,如Autofac,StructureMap等(笔者只用过Unity,Ninjec...

674
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.2K7
来自专栏魂祭心

原 canvas绘制clock

4064
来自专栏落花落雨不落叶

canvas画简单电路图

61111
来自专栏闻道于事

js登录滑动验证,不滑动无法登陆

js的判断这里是根据滑块的位置进行判断,应该是用一个flag判断 <%@ page language="java" contentType="text/html...

6768
来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

5446
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4025

扫码关注云+社区