antd setFields
时间: 2024-05-06 16:17:47 浏览: 10
`setFields` 是 Ant Design 组件库中 `Form` 组件提供的一个方法,用于设置表单控件的值和错误信息。
使用 `setFields` 方法需要先通过 `Form.useForm` 方法获取到表单对象,然后在需要设置值和错误信息的地方调用 `setFields` 方法进行设置。
以下是一个示例代码:
```jsx
import { Form, Input, Button } from 'antd';
const Demo = () => {
const [form] = Form.useForm();
const handleSubmit = () => {
form.setFields([
{
name: 'username',
value: '张三',
},
{
name: 'email',
errors: ['请输入正确的邮箱'],
},
]);
};
return (
<Form form={form}>
<Form.Item name="username" label="用户名">
<Input />
</Form.Item>
<Form.Item name="email" label="邮箱">
<Input />
</Form.Item>
<Form.Item>
<Button onClick={handleSubmit}>提交</Button>
</Form.Item>
</Form>
);
};
```
在上面的示例代码中,当点击提交按钮时,会通过 `setFields` 方法设置用户名为“张三”,并且设置邮箱的错误信息为“请输入正确的邮箱”。