antd form表单赋值Switch不生效

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

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

<Form.Item name="fieldA" valuePropName="checked">
  <Switch />
</Form.Item>

如此,完美解决!

相关推荐
swimxu8 分钟前
npm 淘宝镜像证书过期,错误信息 Could not retrieve https://npm.taobao.org/mirrors/node/latest
前端·npm·node.js
qq_3323942012 分钟前
pnpm的坑
前端·vue·pnpm
雾岛听风来17 分钟前
前端开发 如何高效落地 Design Token
前端
不如吃茶去17 分钟前
一文搞懂React Hooks闭包问题
前端·javascript·react.js
alwn23 分钟前
新知识get,vue3是如何实现在style中使用响应式变量?
前端
来之梦38 分钟前
uniapp中 uni.previewImage用法
前端·javascript·uni-app
野猪佩奇0071 小时前
uni-app使用ucharts地图,自定义Tooltip鼠标悬浮显示内容并且根据@getIndex点击事件获取点击的地区下标和地区名
前端·javascript·vue.js·uni-app·echarts·ucharts
2401_857026231 小时前
拖动未来:WebKit 完美融合拖放API的交互艺术
前端·交互·webkit
星辰中的维纳斯2 小时前
vue新手入门教程(项目创建+组件导入+VueRouter)
前端·javascript·vue.js
嫣嫣细语2 小时前
css实现鼠标禁用(鼠标滑过显示红色禁止符号)
前端·css