首页 > 其他分享 >2023-03-20 React: Each child in a list should have a unique "key" prop. Check the render

2023-03-20 React: Each child in a list should have a unique "key" prop. Check the render

时间:2023-03-20 11:55:54浏览次数:32  
标签:03 20 render App prop key child 组件

Each child in a list should have a unique "key" prop.  Check the render method of `App`

列表中的每个孩子都应该有一个唯一的“关键”道具。检查`App的呈现方法`

前言:react+antd业务中渲染组件地方用到了数组包裹。

原因:这个报错的关键就在于这个数组里面的每一项需要一个独立的key值,而我并没有添加进去故而报错。

解决方案:给数组里每个组件添加一个key值即可。如下例子:

[<div key={121}></div>,
<div key={122}></div>,
<div key={123}></div>]

每个逗号隔开就代表一个组件,那么这个组件的第一级就得要用到key。

标签:03,20,render,App,prop,key,child,组件
From: https://www.cnblogs.com/iuniko/p/17235817.html

相关文章

  • PAT Basic 1034. 有理数四则运算
    PATBasic1034.有理数四则运算1.题目描述:本题要求编写程序,计算2个有理数的和、差、积、商。2.输入格式:输入在一行中按照 a1/b1a2/b2 的格式给出两个分数形式......
  • 【洛谷】P2150 [NOI2015] 寿司晚宴(状压dp+根号分治)
    原题链接题意有序列\(2,3,4\cdotsn\),对于序列中的每一个数,它可以被放入两个集合中的任意一个,或者不选。最后需要满足两个集合间的数两两互质(集合内部的数不需要满足互......
  • 基于ZYNQ7020 ARM+FPGA的运动控制器设计方案
    ZYNQ7020系列运动控制器,支持6轴脉冲+16/32轴总线控制,本地36输入,24输出,RS232/485和TCP通讯。ZYNQ7020系列:1.本地脉冲轴数:6轴带编码器反馈,编码器输入最高频率:4MHz2.最大脉......
  • 2023-03-20 前端部分开发工具下载链接
    HbuilderXVscode微信开发者工具 ......
  • 【2023-03-19】连岳摘抄
    23:59最长的路也有尽头,最黑暗的夜晚也会迎接清晨。                                    ......
  • 2023/03/17(五)阴,有雨;第一次没收手机
    因为知道今天是六年级的卒业式,估计他俩中午前会放学回家,家里提前准备好做好的炒茄子和米饭;头天晚上给孩子们布置任务:放学回家下午记得互相检查五十音图的学习结果。上班......
  • NETDMIS5.0同轴度测量2023
    轴对轴的轴线间同轴度公差要求,是指被测要素与基准要素均为外圆表面轴线,其检测时均以其外圆表面体现基准要素和被测要素。当图样上给出以公共轴线作为基准时,其误差检测必......
  • 【2023-03-18】同事聚会
    20:00会有新的花儿,新的绿叶会有其他温柔的日子。                                     ......
  • 2023/03/16(四)活儿有点多呀
    新的现场上午的例会比较多,必须要在会议的切换期间抓紧时间去机房做一些工作,比如启动JobNet什么的,整理接收从机房外传进来的资料等等;总之时间会更加碎片化,容易忘,得多做一些......
  • 代码随想录20 654 最大二叉树
    654. 最大二叉树给定一个不重复的整数数组 nums 。 最大二叉树 可以用下面的算法从 nums 递归地构建:创建一个根节点,其值为 nums 中的最大值。递归地在最大值......