antd的form组件在每次提交时判断更新的值
antd的form组件可以通过监听onFinish事件来判断更新的值,具体步骤如下:
1.在Form组件中添加onFinish事件监听器
<Form onFinish={onFinish}>
// 表单项组件
</Form>
2.在onFinish事件中获取更新的值
const onFinish = (values) => {
console.log('Received values of form: ', values);
// 在这里进行判断更新的值
};
3.获取表单项的初始值
const [form] = Form.useForm();
const initialValues = {
name: '张三',
age: 18,
};
form.setFieldsValue(initialValues);
4.在onFinish事件中与初始值进行比较,判断更新的值
const onFinish = (values) => {
console.log('Received values of form: ', values);
// 在这里进行判断更新的值
if (values.name !== initialValues.name) {
console.log('姓名有更新');
}
if (values.age !== initialValues.age) {
console.log('年龄有更新');
}
};
原文地址: https://www.cveoy.top/t/topic/bK0Z 著作权归作者所有。请勿转载和采集!