antd form表单内容清空
时间: 2023-10-31 09:04:15 浏览: 181
antd form表单数据回显操作
5星 · 资源好评率100%
如果你想要清空一个 Ant Design 的 Form 表单中的内容,可以使用以下方法:
1. 通过 ref 获取 Form 实例,然后调用 resetFields 方法。
```
import { Form } from 'antd';
// 在 render 函数中获取 ref
<Form ref={formRef}>...</Form>
// 在某个事件中调用 resetFields 方法
formRef.current.resetFields();
```
2. 通过 Form 组件的 onReset 回调函数来处理表单清空的逻辑。
```
import { Form } from 'antd';
// 在 Form 组件中设置 onReset 回调函数
<Form onReset={() => { form.resetFields(); }}>...</Form>
```
以上两种方法都可以清空 Form 表单中的所有输入内容。
阅读全文