技术栈

antd form表单赋值Switch不生效

花笙_2024-05-29 15:14

在开发过程中,使用ant design组件的form表单时,有用到Switch,编辑时发现赋值不起作用,看了文档,发现在Switch文档底部有解释:

Form.Item 默认绑定值属性到 value 上,而 Switch 的值属性为 checked。你可以通过 valuePropName 来修改绑定的值属性。

复制代码
<Form.Item name="fieldA" valuePropName="checked">
  <Switch />
</Form.Item>

如此,完美解决!

上一篇:鸿蒙HarmonyOS实战-Web组件(前端函数和应用侧函数相互调用)
下一篇:Stable Diffusion WebUI详细使用指南
相关推荐
helloyangkl
几秒前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…
2 分钟前
webpack搭建react开发环境
前端·react.js·webpack
以明志、
7 分钟前
并行与并发
前端·数据库·c#
提笔了无痕
7 分钟前
go web开发表单知识及表单处理详解
前端·后端·golang·web
甜味弥漫
23 分钟前
JavaScript新手必看系列之预编译
前端·javascript
小哀2
23 分钟前
🌸 入职写了一个月全栈next.js 感想
前端·后端·ai编程
用户01026927186
24 分钟前
swift的inout的用法
前端
用户660067668539
26 分钟前
搞懂作用域链与闭包:JS底层逻辑变简单
前端·javascript
yinuo
38 分钟前
前端跨页面通讯终极指南②:BroadcastChannel 用法全解析
前端
没落英雄
1 小时前
简单了解 with
前端·javascript
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07全球最强模型Grok4,国内已可免费使用!(附教程)08“我的电脑”图标没了怎么办 4种方法找回09KGG转MP3工具|非KGM文件|解密音频1046个Nano-banana 精选提示词,持续更新中