react antd form表单点击确定时可以自动定位到没有填写的地方

可以使用 Ant Design Form 组件的 validateFields 方法来实现这个功能。当用户点击表单的提交按钮时，可以先调用 validateFields 方法来进行表单校验，如果校验失败，则可以通过 getFieldError 方法获取错误信息，并且可以通过 getFieldsError 方法获取所有字段的错误信息。接着，可以使用 scrollIntoView 方法将第一个出现错误的表单项滚动到可视区域内。

以下是一个示例代码：

import { Form } from 'antd';

const MyForm = () => {
  const [form] = Form.useForm();

  const handleSubmit = async () => {
    try {
      await form.validateFields();
      // 校验通过，提交表单
    } catch (error) {
      // 校验失败，获取所有字段的错误信息
      const errors = error.errors;
      // 获取第一个出现错误的表单项
      const firstErrorField = errors[0].name[0];
      // 滚动到第一个出现错误的表单项
      const firstErrorElement = document.getElementsByName(firstErrorField)[0];
      firstErrorElement.scrollIntoView({ behavior: 'smooth' });
    }
  };

  return (
    <Form form={form}>
      // 表单项
      <button type="button" onClick={handleSubmit}>
        提交
      </button>
    </Form>
  );
};

当用户点击提交按钮时，如果表单校验失败，会滚动到第一个出现错误的表单项。如果表单校验通过，则可以提交表单。