Ant 使用setFieldsValue更新Form表单默认值
2021-11-19 本文已影响0人
ing1023
解决问题:Form 设置默认值后,数据不能动态更新。
Ant中默认值可以用 Form 里的 initialValues 来设置。
但是注意 initialValues 不能被 setState 动态更新,这时我们就需要用 setFieldsValue 来更新。
操作步骤如下:
-
定义form
const [form] = Form.useForm();
-
setFieldsValue
form.setFieldsValue({ name: props.user.name })
-
在From中使用(重点:form={form})
<Form name="basic" form={form} initialValues={props.user} > <Form.Item label="姓名:" name="name"> <Input /> </Form.Item> </Form>