Ant Design Form 组件提交时判断更新的值
Ant Design 的 Form 组件可以通过监听 onFinish 事件来判断更新的值,具体步骤如下:
-
在 Form 组件中添加
onFinish事件监听器```javascript <Form onFinish={onFinish}> // 表单项组件 </Form> ``` -
在
onFinish事件中获取更新的值```javascript const onFinish = (values) => { console.log('Received values of form: ', values); // 在这里进行判断更新的值 }; ``` -
获取表单项的初始值
```javascript const [form] = Form.useForm(); const initialValues = { name: '张三', age: 18, }; form.setFieldsValue(initialValues); ``` -
在
onFinish事件中与初始值进行比较,判断更新的值```javascript 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/ndaB 著作权归作者所有。请勿转载和采集!