antd中Form使用initialValue对switch无效

最新推荐文章于 2023-12-22 22:02:30 发布

孜然卷k

最新推荐文章于 2023-12-22 22:02:30 发布

阅读量545

点赞数

文章标签： java javascript html

本文链接：https://blog.csdn.net/m_e_i/article/details/130643087

版权

正常情况下使用

<Form onSubmit={this.onSubmit}>
  <Form.Item label="测试按钮">
    {getFieldDecorator('isEffective', {
      initialValue: records.isEffective == 1 ? true : false,
    })(<Switch checkedChildren="有效" unCheckedChildren="无效"/>)}
  </Form.Item>
</Form>

会发现initialValue为true对Switch组件无效

这时候看官方文档

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

这时候在代码中加入 valuePropName

<Form onSubmit={this.onSubmit}>
  <Form.Item label="测试按钮">
    {getFieldDecorator('isEffective', {
      initialValue: records.isEffective == 1 ? true : false,
      valuePropName: 'checked'
    })(<Switch checkedChildren="有效" unCheckedChildren="无效"/>)}
  </Form.Item>
</Form>

就可以用initialValue控制到Switch中的默认值了