使用form.setFieldsValue
方法可以改变表单的数据。以下是一个示例:
import React, { useState } from 'react';
import { Form, Input, Button } from 'antd';
const DemoForm = () => {
const [form] = Form.useForm();
const [formData, setFormData] = useState({});
const handleFormSubmit = (values) => {
// 处理表单提交
console.log(values);
};
const handleButtonClick = () => {
// 改变表单数据
const newFormData = {
name: 'John',
age: 25,
email: 'john@example.com',
};
setFormData(newFormData);
// 使用form.setFieldsValue更新表单数据
form.setFieldsValue(newFormData);
};
return (
);
};
export default DemoForm;
在这个示例中,我们使用form.setFieldsValue
方法更新表单数据。当点击"Change Form Data"按钮时,会改变formData
的值,并使用form.setFieldsValue(newFormData)
将新的表单数据设置给表单。这样,表单中的输入框的值也会更新为新的数据。