antd form表单赋值Switch不生效

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

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

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

如此,完美解决!

相关推荐
雨季mo浅忆5 小时前
Cursor快速实现上传Excel功能
前端·vue3·ai编程
韩曙亮5 小时前
【Flutter】Flutter 编译 Web 网站 ① ( Tomcat 部署 Web 网站 )
前端·flutter·tomcat·web
古怪今人5 小时前
手工搭建PC端:pnpm + Vite + Vue3 + Element Plus + Electron
前端·vue.js·electron
共创splendid--与您携手6 小时前
AI读取前端项目生成skill.md
前端·人工智能·ai
San813_LDD7 小时前
[C语言]《Dev-C++ 报错解决手册(Day0607 精华版)》
java·前端·javascript
xiaofeichaichai13 小时前
Webpack
前端·webpack·node.js
问心无愧051314 小时前
ctf show web入门111
android·前端·笔记
唐某人丶14 小时前
模型越来越强,我们还需要 Agent 工程吗?—— 从价值重估到 Harness 实践
前端·agent·ai编程
智码看视界14 小时前
现代Web开发基础:全栈工程师的起航点
前端·后端·c5全栈
JS菌14 小时前
手写一个 AI Agent 全栈项目:从沙箱执行到子智能体的完整实现
前端·人工智能·后端