在AntDesign的form表单中使用switch，初始化时赋值失败（编辑时数据不回显）_antdswitch怎么会显

作者：Monodyee | 2024-02-27 09:38:55

踩

antdswitch怎么会显

在AntDesign的form表单中使用switch，初始化时赋值失败（编辑时数据不回显）,需要在Form.Item中加valuePropName=“checked”

<Form.Item name="switch" label="Switch" valuePropName="checked">
        <Switch />
      </Form.Item>
1
2
3

原因在文档可以找到：
首先看siwtch的api:
在这里插入图片描述
再看input的api:

一般数据录入类型的组件（也就是下图用在Item中的子节点），值的属性是’value’。

在 Form.Item中如果不用valuePropName 指定其他属性，表单控件会自动添加 value给其包装的控件。switch的值的属性是’checked’。所以需要为包裹switch的 Form.Item使用valuePropName指定值的属性为’checked’。

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/151829?site