ant design的表单引入

Ant Design的表单引入可以通过以下步骤完成：

1. 安装Ant Design的Form组件

可以通过npm或yarn安装Ant Design的Form组件：

npm install antd --save
yarn add antd

2. 引入Form组件

在需要使用表单的页面中引入Form组件：

import { Form } from 'antd';

3. 创建表单

使用Form组件的`Form.create()`方法创建表单，例如：

const MyForm = Form.create()(MyComponent);

其中，`MyComponent`是自定义的组件。

4. 添加表单项

在`MyComponent`组件中添加表单项，例如：

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

其中，`getFieldDecorator`方法用于连接表单项和表单控件，`rules`属性定义了该表单项的规则。

5. 获取表单数据

通过`this.props.form.getFieldValue()`方法获取表单数据，例如：

const username = this.props.form.getFieldValue('username');

6. 提交表单

使用`this.props.form.validateFields()`方法验证表单，再使用回调函数提交表单，例如：

this.props.form.validateFields((err, values) => {
  if (!err) {
    console.log('Received values of form: ', values);
  }
});

其中，`validateFields`方法用于验证表单，`values`参数包含了所有表单项的值。