antd 表单 resetFields
时间: 2023-12-01 09:04:58 浏览: 174
react+antd拖拽生成自定义表单.rar
antd 表单的 resetFields 方法用于重置表单的所有字段值和校验状态。调用该方法后,表单的所有字段都将被重置为初始值,且表单的校验状态也将被重置。
示例代码:
```js
import { Form } from 'antd';
const MyForm = () => {
const [form] = Form.useForm();
const handleReset = () => {
form.resetFields();
};
return (
<Form form={form}>
{/* 表单项 */}
<button onClick={handleReset}>重置</button>
</Form>
);
};
```
在上面的代码中,我们利用 `Form.useForm()` 方法创建表单实例,然后在按钮的点击事件中调用 `form.resetFields()` 方法重置表单。注意,重置表单时,需要在表单组件上设置 `form` 属性,将表单实例与表单组件进行关联。
阅读全文