Ant Design 的 Form 组件可以通过监听 onFinish 事件来判断更新的值,具体步骤如下:

  1. 在 Form 组件中添加 onFinish 事件监听器
    ```javascript
    <Form onFinish={onFinish}>
      // 表单项组件
    </Form>
    ```
    
  2. onFinish 事件中获取更新的值
    ```javascript
    const onFinish = (values) => {
      console.log('Received values of form: ', values);
      // 在这里进行判断更新的值
    };
    ```
    
  3. 获取表单项的初始值
    ```javascript
    const [form] = Form.useForm();
    const initialValues = {
      name: '张三',
      age: 18,
    };
    form.setFieldsValue(initialValues);
    ```
    
  4. 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('年龄有更新');
      }
    };
    ```
    
Ant Design Form 组件提交时判断更新的值

原文地址: https://www.cveoy.top/t/topic/ndaB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录