antdpro ModalForm 修改initialValues
时间: 2023-10-02 16:06:57 浏览: 49
在 Ant Design Pro 的 ModalForm 中,您可以通过使用 `initialValues` 属性来设置表单的初始值。您可以将 `initialValues` 设置为一个对象,其中包含要填充表单字段的初始值。以下是一个示例:
```jsx
import { ModalForm, ProFormText } from '@ant-design/pro-form';
const initialValues = {
name: 'John Doe',
age: 30,
email: 'johndoe@example.com',
};
const ExampleModalForm = () => {
return (
<ModalForm
title="Edit Profile"
visible={true}
initialValues={initialValues}
onFinish={values => {
// 处理表单提交
console.log(values);
}}
>
<ProFormText name="name" label="Name" />
<ProFormText name="age" label="Age" />
<ProFormText name="email" label="Email" />
</ModalForm>
);
};
export default ExampleModalForm;
```
在上面的示例中,我们通过将 `initialValues` 设置为一个对象来设置表单的初始值。在 `ProFormText` 组件中,我们通过 `name` 属性指定了字段名称,并在 `label` 属性中指定了字段的标签。
请根据您的需求修改 `initialValues` 对象以适应您的表单初始化要求。