antd 重置form的input内容
时间: 2024-04-08 16:34:22 浏览: 122
要重置 Ant Design 的表单(Form)中的输入内容,可以使用 `form.resetFields()` 方法。以下是一个示例代码:
```jsx
import { Form, Input, Button } from 'antd';
const MyForm = () => {
const [form] = Form.useForm();
const handleReset = () => {
form.resetFields();
};
return (
<Form form={form}>
<Form.Item name="name" label="Name">
<Input />
</Form.Item>
<Form.Item>
<Button type="primary" onClick={handleReset}>
Reset
</Button>
</Form.Item>
</Form>
);
};
export default MyForm;
```
在上面的示例中,`form.resetFields()` 方法用于重置表单中的所有字段。当点击 "Reset" 按钮时,会调用 `handleReset` 函数来触发重置操作。
请注意,`form.resetFields()` 方法只会重置输入框的值,其他表单元素(例如选择框、日期选择器等)的值不会被重置。如果需要重置其他表单元素的值,可以使用相应的方法进行处理。
阅读全文