antd form表单赋值Switch不生效

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

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

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

如此,完美解决!

相关推荐
慕斯fuafua1 分钟前
CSS——定位
前端·css
Cache技术分享2 分钟前
384. Java IO API - Java 文件复制工具:Copy 示例完整解析
前端·后端
shadowcz0073 分钟前
Chrome Skills 来了:把你的 AI 提示词变成一键工具
前端·人工智能·chrome
踩着两条虫4 分钟前
VTJ核心引擎开源项目概览
前端·vue.js·低代码
Front思4 分钟前
解决 uniapp Dart Sass 2.0.0 弃用警告
前端·uni-app·sass
农夫山泉不太甜5 分钟前
CSS 新特性与冷门属性深度剖析
前端
Hy行者勇哥6 分钟前
Chrome 浏览器如何“网页长截图”和“网站打包成应用”
前端·chrome
说点AI13 分钟前
我的 Vibe Coding 工具箱:一个人如何从零做出一个产品
前端·后端
SuperEugene26 分钟前
Vue3 前端配置驱动避坑:配置冗余、渲染性能、扩展性问题解决|配置驱动开发实战篇
前端·javascript·vue.js·驱动开发·前端框架
JianZhen✓29 分钟前
从零到一:基于声网Agora的医疗视频问诊前端实战指南
前端·音视频