美文网首页
antd form 表单中,初始化switch值无效的问题

antd form 表单中,初始化switch值无效的问题

作者: 会撸码的小马 | 来源:发表于2020-04-10 10:40 被阅读0次

在使用form表单的时候,在用到switch组件的时候,有时候需要初始值:
4.x以下版本

    <Form.Item
        label="开启"
      >
        {getFieldDecorator('openType', {
          rules: [
            {require: true, message:'请打开'}
          ],
        valuePropName: 'checked', //这是关键
        initialValue: data.openType
        })(
          <Switch />
        )}
      </Form.Item>

4.x以上版本

    <Form.Item
        label="开启"
        valuePropName="checked"
        name="openType"
      >
          <Switch />
      </Form.Item>

如果没有指定valuePropName: 'checked',那么默认初始赋值是赋值给组件的value属性;

相关文章

网友评论

      本文标题:antd form 表单中,初始化switch值无效的问题

      本文链接:https://www.haomeiwen.com/subject/tzvlmhtx.html