antdesign 重置开关控件(switch)

最新推荐文章于 2025-03-10 09:51:22 发布

zeroxes

最新推荐文章于 2025-03-10 09:51:22 发布

阅读量1.3w

点赞数 3

分类专栏：开发

本文链接：https://blog.csdn.net/xiliunian/article/details/87968557

版权

开发专栏收录该内容

5 篇文章

订阅专栏

在开发中经常使用Form组件管理表单，这次想通过form提供的resetFields()方法重置Switch组件，却没有生效。

查阅官方文档之后，发现有这样的描述：

经过 getFieldDecorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管。

options.valuePropName 子节点的值的属性，如 Switch 的是 'checked'

加入valuePropName属性之后，就可以使用resetFields()方法重置Switch组件。

<FormItem
    {...formItemLayout}
    label="显示已删除的人员"
>
{getFieldDecorator('showDeletedEmp', {
     initialValue: false,
     valuePropName: 'checked',   // 为用getFieldDecorator()包装后的Switch组件设置属性
})
    (<Switch
        checkedChildren="Y"
        unCheckedChildren="N"
      />)}
</FormItem>