技术栈

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详细使用指南
相关推荐
C澒
13 小时前
SLDS 自营物流系统:Pickup 揽收全流程
前端·架构·系统架构·教育电商·交通物流
摸鱼的春哥
13 小时前
把白领吓破防的2028预言,究竟讲了什么?
前端·javascript·后端
infiniteWei
13 小时前
SKILL.md 触发机制与设计规范:避免“写了不触发”
java·前端·设计规范
慧一居士
13 小时前
SVG图片介绍和使用
前端
Rysxt_
13 小时前
Uniapp全局配置教程
前端·uniapp
阿珊和她的猫
13 小时前
深入理解与使用 Cookie:Web 开发中的关键机制
前端·状态模式
用户54748759622
13 小时前
webpack代码分割
前端
简离
13 小时前
Ant Design Form.Item 多元素场景踩坑指南:自定义onChange导致表单值同步失败解决方案
前端·ant design
JunjunZ
13 小时前
uniapp实现图片压缩并上传
前端·vue.js
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04OpenClaw 使用和管理 MCP 完全指南05AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南08让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南09OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数10AI agent:介绍 ZeroClaw 安装,使用