美文网首页
Ant 使用setFieldsValue更新Form表单默认值

Ant 使用setFieldsValue更新Form表单默认值

作者: ing1023 | 来源:发表于2021-11-19 15:24 被阅读0次

解决问题:Form 设置默认值后,数据不能动态更新。

Ant中默认值可以用 Form 里的 initialValues 来设置。

但是注意 initialValues 不能被 setState 动态更新,这时我们就需要用 setFieldsValue 来更新。

操作步骤如下:

  1. 定义form

    const [form] = Form.useForm();
    
  2. setFieldsValue

    form.setFieldsValue({
      name: props.user.name
    })
    
  3. 在From中使用(重点:form={form})

    <Form
        name="basic"
        form={form}
        initialValues={props.user}
        >
        <Form.Item label="姓名:" name="name">
            <Input />
        </Form.Item>
    </Form>
    

相关文章

网友评论

      本文标题:Ant 使用setFieldsValue更新Form表单默认值

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