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

2021-11-19  本文已影响0人  ing1023

解决问题: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>
    
上一篇 下一篇

猜你喜欢

热点阅读