表单onFinish/onSubmit在AntD中未触发

import { Form, Input, Button } from 'antd';

const DemoForm = () => {
  const onFinish = (values) => {
    console.log('Success:', values);
  };

  return (
    <Form onFinish={onFinish}>
      <Form.Item name="username" rules={[{ required: true, message: 'Please input your username!' }]}>
        <Input />
      </Form.Item>
      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

export default DemoForm;

<Form.Item name="username" rules={[{ required: true, message: 'Please input your username!' }]}>
  <Input />
</Form.Item>

const onFinish = async (values) => {
  try {
    // 模拟异步操作
    await new Promise((resolve) => setTimeout(resolve, 1000));
    console.log('Success:', values);
  } catch (error) {
    console.log('Failed:', error);
  }
};

const App = () => {
  return (
    <div>
      <DemoForm />
    </div>
  );
};