react 使用form表单，输入框A 不能大于输入框B的时候

import React, { useState } from 'react';
import { Form, Input, Button } from 'antd';

class DecimalCompareForm extends React.Component {
formRef = React.createRef();

handleSubmit = () => {

this.formRef.current?.validateFields()
  .then(values => console.log('提交成功:', values))
  .catch(error => console.error('校验失败:', error));

};

render() {

return (
  

     ({
          validator(_, value) {
            const valueB = getFieldValue('valueB');
            if (value && valueB && parseFloat(value) > parseFloat(valueB)) {
              return Promise.reject('A 不能大于 B');
            }
            return Promise.resolve();
          },
        }),
      ]}
    >
       {
          // 修改B输入框后，同步触发A的验证
          this.formRef.current?.validateFields(['valueA']);
          this.formRef.current?.validateFields(['valueB']);
        }}
      />
    

     ({
          validator(_, value) {
            const valueA = getFieldValue('valueA');
            if (value && valueA && parseFloat(value) < parseFloat(valueA)) {
              return Promise.reject('B 不能小于 A');
            }
            return Promise.resolve();
          },
        }),
      ]}
    >
       {
          // 修改B输入框后，同步触发A的验证
          this.formRef.current?.validateFields(['valueA']);
          this.formRef.current?.validateFields(['valueB']);
        }}
      />
    

    
      提交
    
  
);

}
}

export default DecimalCompareForm;