antd form表单赋值Switch不生效

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

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

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

如此,完美解决!

相关推荐
w***Q35018 分钟前
前端跨平台开发工具,Tauri与Electron
前端·javascript·electron
前端一课18 分钟前
H5 WebView 文件下载到手机中(仅安卓与 iOS)
前端
天外来物1 小时前
element-plus主题配置及动态切换主题
前端·css·element
晴殇i1 小时前
这个前端工具杀疯了!发布一周狂揽 10k Star,Snapchat 开源框架重新定义跨平台
前端·程序员
孟祥_成都2 小时前
打包票!前端和小白一定明白的人工智能基础概念!
前端·人工智能
小满zs2 小时前
Next.js第六章(平行路由)
前端
小满zs2 小时前
Next.js第七章(路由组)
前端
Mountain and sea2 小时前
发那科机器人指令详解:从入门到精通
前端·机器人
泯泷3 小时前
Tiptap 深度教程(四):终极定制 - 从零创建你的专属扩展
前端·javascript·架构
局i3 小时前
vue简介
前端·javascript·vue.js