Error: must set key for rc-animate children

最新推荐文章于 2024-09-12 09:27:36 发布
最新推荐文章于 2024-09-12 09:27:36 发布
阅读量7.9k 收藏 1
点赞数
分类专栏： antd
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boysky0015/article/details/81637480
版权 
Uncaught Error: must set key for <rc-animate> children
    at Animate.js:202
    at Array.map (<anonymous>)
    at Animate.render (Animate.js:197)
    at finishClassComponent (react-dom.development.js:8389)
    at updateClassComponent (react-dom.development.js:8357)
    at beginWork (react-dom.development.js:8982)
    at performUnitOfWork (react-dom.development.js:11814)
    at workLoop (react-dom.development.js:11843)
    at renderRoot (react-dom.development.js:11874)
    at performWorkOnRoot (react-dom.development.js:12449)

解决方案在initialValue这里设置一个空数组[]

initialValue: `${ this.state.conditionDesc }`||[],

参考文章

天下1281
关注
专栏目录
react-animate-on-scroll:当用户滚动时，React组件提供动画
04-30
npm install react-animate-on-scroll --save 如果要使用animate.css中的动画，请确保在项目中以某种方式包含animate.css。这可以通过多种方式完成，例如： npm install --save animate.css 然后导入您的项目： ...
pixi-animate:PixiJS运行时库，用于来自Adobe Animate CC的内容
05-03
// Note: Must also include the pixi.js typings globally! import animate = require ( 'pixi-animate' ) ; let myMC : animate . MovieClip = new animate . MovieClip ( ) ; 或者使用三斜杠引用来使用PIXI....
Error: must set key for ＜rc-animate＞ children
bittingCat的博客
09-16 613
最近在做react项目的时候，在一个页面回显赋值，老是报这个错，我查了一下，页面都没有用到过这个东西，而且循环的项也给了key，逐步排除后，发现是回显图片上传组件那块才会这样出问题，后来网上搜了一下，发现是。
Antd Select组件结合使用出现must set key for ＜rc-animate＞ children问题
Haines
04-12 1216
一、以下情况可能导致错误发生 出现这个问题的首要条件是因为Select的mode 设置成multipleortags 1. Select的defaultValue使用了空字符串 例如: const emptyValue = '' const emptyValueArr = ['1', ''] <Select mode="tags" defaultValue= emptyValue || emptyValueArr > { [1, 2].m..
Ant Design Pro基础
最新发布
在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘
09-12 681
Ant Design Pro基础
Uncaught Error: must set key for <rc-animate> children 解决办法
weixin_30897233的博客
11-07 1285
描述： 　　今天在页面跳转的时候遇到了一个Uncaught Error: must set key for <rc-animate> children的问题，主要是因为mode属性造成，问题截图如下： 解决办法： 　　设置select默认值initialValue不为空。 转载于:https://www.cnblogs.com/baiyuer666/p/7799994.htm...
Uncaught Error: must set key for ＜rc-animate＞ children on modal(React-select)解决方式
WebView
04-26 595
1、 2、问题出在于下拉选择的默认值出现了undefined 简单处理一下 const newDefaultValue = defaultValue.filter(e => e !== undefined);
Error: must set key for <rc-animate> children
weixin_34311757的博客
12-12 277
为什么80%的码农都做不了架构师？>>> ...
svg-text-animate:一个Javascript库，用于在浏览器中将文本转换为SVG笔触动画
04-24
svg-text-animate.js [] [] Svg-text-animate 一个在浏览器环境中将输入文本转化为描边动画的工具 demo 在线生成工具 使用方法 下载使用 从 中下载zip包并解压，在dist文件夹下找到编译好的js文件，通过以下方式...
CreateJS-And-Adobe-Animate-CC:Create.js & Adobe Animate CC H5互动交互项目
05-18
Create.js 与 Adobe Animate CC H5互动交互项目 说明 1.支持多场景动态加载 2.支持场景动画通过Adobe Animate CC生成,适用于个性化动画展示 3.支持微信分享(前端部份) 4.支持手势交互，向上滑加载下一场景，向下滑动...
vue-animate-fullpage:基于animate.css动画库的全屏滚动，适用于vue.js(移动端、pc)项目
05-05
vue-animate-fullpage 功能简介 基于animate.css动画库的全屏滚动，适用于vue.js(移动端、pc)项目。 安装 npm install vue-animate-fullpage --save bug修复 1.1.1版本，修复由于后端生成跳转事件，类型不匹配，页面...
react antd Warning: must set key for <rc-animate> children
weixin_30802273的博客
08-20 249
实例中，location 有可能是一个‘’，''.split() 将输出[""]，是个含有空字符串的数组，而[]是个什么都没有的数组，两者不同。code:change initialValue from :initialValue: location.split(',') || []to:initialValue: location === '' ? [] : location.sp...
must set key for ＜rc-animate＞ children错误的解决办法（antd upload组件报错记录）
weixin_44197210的博客
06-21 1640
问题描述 今天在使用antd upload组件渲染已上传文件的时候报错了； 问题原因 排查了一下，我是直接从后台拿的数据，直接传给了upload组件，算是人为控制的数据，即传给组件的fileList的数据是人为控制的，并没有uid。antd文档写了uid是唯一标识符，我没有uid导致了此错误。 解决办法 我从后台拿的数据是有id这个字段的，且此字段唯一，可以当作uid使用。将id的值赋给uid就解决了这个问题； ...
must set key for ＜rc-animate＞ children问题
喜欢做一些demo，和分享遇到的 BUG
07-24 4189
在使用React开发的时候，其中数据回显的时候用到了upload组件回显图片，遇到这个问题 发现是图片数组长度虽然不为0，但是里面的参数没有值，所以组件回显遍历的时候不成功！提示这种错误 修改方法 判断没有传图片的时候 我觉得出现这种情况的原因是新增的时候没有判断图片数组为空的时候不传给后端，所以有个默认为空的时候 ...
Antd Select组件结合使用出现must set key for <rc-animate> children问题
weixin_30696427的博客
11-22 785
一、以下情况可能导致错误发生 出现这个问题的首要条件是因为Select的mode 设置成multiple or tags 1. Select的defaultValue使用了空字符串 例如: const emptyValue = '' const emptyValueArr = ['1', ''] <Select mode="tags" defau...
2021-07-08
qq_41391569的博客
07-08 195
react Error: must set key for children 在使用antd-design中的select的组件时候,报了这样的一个错误: Error: must set key for <rc-animate> children 经排查原因是：我在select中设置了mode = 'multiple',后端返回的select的值为[''],便报了这样的错误了. 解决文案：修改正确的value值如[] ...
antd中Select组件mode=tags的坑
zyh_haha的博客
05-09 9162
本系列文章是本人学习相关知识时所积累的笔记，以记录自己的学习历程，也为了方便回顾知识；故文章内容较为随意简练，抱着学习目的来的同学务必转移他处，以免我误人子弟~ 项目使用 antd 开发前端组件，在使用 Select 时，mode=tags，出现了以下报错 Uncaught Error: must set key for <rc-animate> children at Anima...
antdesign 使用upload报错问题总结
impossible1994727的博客
04-26 2502
我是在form组件中使用的upload，因为用form.setFieldsValue没能给upload赋值，所以选择使用upload的defaultFileList。 本地版本一直有个警告： Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`? 线上版本一直报错某个map 和must set key for <rc-animate> children； 总结原因是使用defaultFi.
掌握NX二次开发：UF-ASSEM-playback-animate-to-frame函数详解
资源摘要信息:"NX二次开发UF_ASSEM_playback_animate_to_frame 函数介绍" NX是西门子公司推出的高端CAD/CAM/CAE一体化软件，广泛应用于机械设计、制造和工程分析领域。在面对日益复杂的产品设计和制造过程中，NX...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值