当前位置: 首页 > news >正文

react + antd desgin 使用form功能时upload,radio,checkbox不能回显的问题

最近使用react开发 遇到form回显的问题 ,处理upload回显的问题,提示

@react-refresh:160 Warning: [antd: Upload] value is not a valid prop, do you mean fileList?

查看文档后,在form.item 组件下有一个特殊属性

valuePropName

子节点的值的属性。注意:Switch、Checkbox 的 valuePropName 应该是 checked,否则无法获取这个两个组件的值。该属性为 getValueProps 的封装,自定义 getValueProps 后会失效

由于upload的组件值是fileList,所以需要在form.item组件上多加一个属性即可解决,看代码

 		<Itemname="type"valuePropName="fileList" //加入属性rules={rules.type}label="上传类型"><Radio.Group><Radio value={1}>aa</Radio><Radio value={2}>bb</Radio></Radio.Group></Item>

所以checkbox和radio对应的值都是checked所以也需要改。

另外对自定义表单组件也很有帮助

补充:
在开发过程发现,新增文件后开始报错了,这是因为原来的 upload返回的对象是

{file:{},filelist:[]}

所以要在form.item加上一句话

getValueFromEvent={(e) => e.fileList}
//本来字段是要一个数组,所以要返回数组
http://www.lryc.cn/news/498339.html

相关文章:

  • 【08】MySQL复杂查询:子查询语句详解与示例
  • Unity 相机旋转及角度限制
  • error=‘null‘], commandType=io.lettuce.core.RedisPublisher$SubscriptionCommand]
  • Golang 字符串字面量表示方法
  • 03_Webpack模块打包工具
  • 【目标跟踪】AntiUAV600数据集详细介绍
  • 十、JavaScript的应用的习题
  • 【Spring】AOP
  • 三维地图,智慧城市,商业智能BI,数据可视化大屏(Cesiumjs/UE)
  • 鸿蒙Next通过oss上传照片到阿里云
  • 小白爬虫——selenium入门超详细教程
  • nlp培训重点
  • 什么是多模态和模态
  • apache中的Worker 和 Prefork 之间的区别是什么?
  • 系统监控——分布式链路追踪系统
  • 【Python]深入Python日志管理:从logging到分布式日志追踪的完整指南
  • DHCP Client的工作方式
  • docker-常用应用部署dockerfile模板
  • Unity3D学习FPS游戏(13)玩家血量控制
  • TDesign:Switch开关
  • AI在SEO中的应用与关键词优化探讨
  • [docker中首次配置git环境与时间同步问题]
  • 使用lumerical脚本语言创建绘制波导并进行数据分析(纯代码实现)(1)
  • redis.conf
  • 泷羽sec学习打卡-shell命令8
  • 割草机器人架构设计和技术应用
  • 基于SSM闪光点映像摄影工作室预约系统JAVA|VUE|Springboot计算机毕业设计源代码+数据库+LW文档+开题报告+答辩稿+部署教+代码讲解
  • Windows 和 Linux 系统命令行操作详解:从文件管理到进程监控
  • 【Calibre-Web】Calibre-Web服务器安装详细步骤(个人搭建自用的电子书网站,docker-compose安装)
  • 服务器数据恢复—服务器raid0阵列硬盘指示灯显示黄颜色的数据恢复案例