form.resetFields()重置单个
时间: 2024-05-07 11:23:11 浏览: 280
对于使用 Ant Design 的表单组件,如果要重置单个表单字段,可以使用 `form.resetFields([names])` 方法。该方法可以重置指定字段或者所有字段的值,并且会触发表单重新渲染。
在调用 `form.resetFields([names])` 方法时,你可以传入一个数组 `names`,包含需要重置的字段名。如果不传入 `names`,则会重置所有字段。
以下是一个示例代码:
```javascript
import { Form, Button } from 'antd';
const MyForm = ({ form }) => {
const handleReset = () => {
form.resetFields(['fieldName']); // 重置单个字段
// form.resetFields(); // 重置所有字段
};
return (
<Form form={form}>
{/* 表单字段 */}
<Form.Item name="fieldName">
{/* 表单控件 */}
</Form.Item>
<Button onClick={handleReset}>重置</Button>
</Form>
);
};
```
在上面的示例中,点击 "重置" 按钮时,会调用 `handleReset` 方法,然后使用 `form.resetFields(['fieldName'])` 方法重置名为 "fieldName" 的字段的值。
希望能帮到你!如果你还有其他问题,请随时提问。
阅读全文