antd form表单赋值Switch不生效

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

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

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

如此,完美解决!

相关推荐
Kant79311 分钟前
Ant Design X 和 Element-Plus-X
前端
dasseinzumtode13 分钟前
在 React 项目中使用 TypeScript 编写 Service Worker 的完整方案
前端·react.js
来一首_We_go14 分钟前
React Router V7 踩坑指南
前端·react.js
出师未捷的小白15 分钟前
我的嘛也!实现一个时间轴无缝轮播居然如此简单......
前端
郡杰17 分钟前
JavaScript基础语法
前端·javascript
cypking29 分钟前
svelte+vite+ts+melt-ui从0到1完整框架搭建
前端
WebInfra37 分钟前
Rspack 加入 Next.js 生态:携手改进前端工具链
前端·javascript·github
三小河37 分钟前
Web Speech API实现语音的识别和播放
前端
华科云商xiao徐38 分钟前
使用libcurl编写爬虫程序指南
前端
伶俜monster38 分钟前
破解旋转死锁:Threejs 四元数魔法对抗欧拉角困局
前端·webgl·three.js