如何使用AntDesign的表单组件

要使用Ant Design的表单组件，首先确保已经安装了Ant Design的React组件库。然后按照以下步骤使用表单组件：

1. 导入所需的组件：

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

2. 创建一个表单并设置表单项：

<Form>
  <Form.Item label="用户名" name="username" rules={[{ required: true, message: '请输入用户名' }]}>
    <Input />
  </Form.Item>
  <Form.Item label="密码" name="password" rules={[{ required: true, message: '请输入密码' }]}>
    <Input.Password />
  </Form.Item>
  <Form.Item>
    <Button type="primary" htmlType="submit">
      提交
    </Button>
  </Form.Item>
</Form>

3. 在表单提交时，使用onFinish方法来处理表单数据：

<Form
  onFinish={(values) => {
    console.log('Received values:', values);
  }}
>

通过以上步骤，您就可以使用Ant Design的表单组件来创建一个简单的表单。您可以根据自己的需求添加更多的表单项和样式来定制您的表单。Ant Design还提供了丰富的表单验证规则和其他功能，您可以查看Ant Design官方文档来了解更多信息。