技术栈

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