antd版本是3.20 怎么写form表单

在Ant Design (antd) 的 v3.20 版本中，创建一个基本的 Form 表单通常会涉及到`Form`, `Form.Item`, 和`getFieldDecorator`等核心组件。以下是一个简单的示例：

import { Form, Input, Button } from 'antd';
import { FormattedMessage } from 'react-intl';

const { TextArea } = Input; // 提取 Input 组件的文本域样式

// 假设我们有一个名为 "message" 的字段需要验证
const fields = {
  message: {
    rules: [
      { required: true, message: <FormattedMessage id="required" /> },
      { max: 200, message: <FormattedMessage id="maxLength" values={{ maxLength: 200 }} /> },
    ],
  },
};

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

  return (
    <Form layout="vertical" name="basic" onFinish={onFinish}>
      <Form.Item
        label={<FormattedMessage id="message" />}
        name="message"
        rules={fields.message.rules}
        component={TextArea}
      />
      <Button type="primary" htmlType="submit">
        <FormattedMessage id="submit" />
      </Button>
    </Form>
  );
};

export default MyForm;

在这个例子中，`Form.Item`用于定义每个输入项，`rules`属性定义了验证规则，`<FormattedMessage>`用于国际化文本。`onFinish`函数会在用户提交表单后触发。