Ant Design Form 默认值设置指南：initialValues 和 setFieldsValue 方法

在 Ant Design Form 中赋予默认值有两种方式：

1. 使用 'initialValues' 属性

通过 'initialValues' 属性可以在 Form 组件初始化时设置默认值。'initialValues' 是一个对象，其中的 key 值对应表单控件的 name 属性，value 值对应表单控件的默认值。

例如：

<Form initialValues={{ username: 'admin', password: '123456' }}>
  <Form.Item label='用户名' name='username'>
    <Input />
  </Form.Item>
  <Form.Item label='密码' name='password'>
    <Input />
  </Form.Item>
</Form>

2. 使用 'setFieldsValue' 方法

通过 'setFieldsValue' 方法可以在 Form 组件初始化后动态设置默认值。需要在组件挂载完成后调用 'setFieldsValue' 方法，传入一个对象，其中的 key 值对应表单控件的 name 属性，value 值对应表单控件的默认值。

例如：

const [form] = Form.useForm();

useEffect(() => {
  form.setFieldsValue({ username: 'admin', password: '123456' });
}, []);

return (
  <Form form={form}>
    <Form.Item label='用户名' name='username'>
      <Input />
    </Form.Item>
    <Form.Item label='密码' name='password'>
      <Input />
    </Form.Item>
  </Form>
);