Ant设计表单未验证

import { Form, Input, Button } from 'antd';
import { useForm } from 'antd/lib/form/Form';

const [form] = useForm();

const onFinish = (values) => {
  console.log('Received values of form: ', values);
};

const onFinishFailed = (errorInfo) => {
  console.log('Failed:', errorInfo);
};

return (
  <Form
    form={form}
    name="basic"
    onFinish={onFinish}
    onFinishFailed={onFinishFailed}
  >
    <Form.Item
      label="Username"
      name="username"
      rules={[
        {
          required: true,
          message: 'Please input your username!',
        },
      ]}
    >
      <Input />
    </Form.Item>

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

    <Form.Item>
      <Button type="primary" htmlType="submit">
        Submit
      </Button>
    </Form.Item>
  </Form>
);