antd form表单赋值Switch不生效

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

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

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

如此,完美解决!

相关推荐
我叫张小白。4 分钟前
TypeScript泛型进阶:掌握类型系统的强大工具
前端·javascript·typescript
麦麦在写代码4 分钟前
前端学习4
前端·学习
你听得到117 分钟前
Web前端们!我用三年亲身经历,说说从 uniapp 到 Flutter怎么转型的,这条路我爬过,坑我踩过
前端·flutter·uni-app
葡萄城技术团队13 分钟前
在数据录入、指标补录、表单填报场景中,SpreadJS 具备哪些优势和价值
前端
孟陬28 分钟前
AI 每日心得——AI 是效率杠杆,而非培养对象
前端
漆黑骑士39 分钟前
Web Component
前端
San3042 分钟前
深入理解 JavaScript 事件机制:从事件流到事件委托
前端·javascript·ecmascript 6
行走在顶尖1 小时前
基础随记
前端
Sakura_洁1 小时前
解决 el-table 在 fixed 状态下获取 dom 不准确的问题
前端
best6661 小时前
Vue3什么时候不会触发onMounted生命周期钩子?
前端·vue.js