美文网首页
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