如何使用Ant Design创建调查问卷类型表单？

import React from 'react';
import { Form, Input, Select, Checkbox, Button } from 'antd';

const { Option } = Select;

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

  return (
    <Form
      name="survey_form"
      labelCol={{ span: 6 }}
      wrapperCol={{ span: 14 }}
      onFinish={onFinish}
    >
      <Form.Item
        label="姓名"
        name="name"
        rules={[{ required: true, message: '请输入您的姓名!' }]}
      >
        <Input />
      </Form.Item>

      <Form.Item
        label="性别"
        name="gender"
        rules={[{ required: true, message: '请选择您的性别!' }]}
      >
        <Select placeholder="请选择">
          <Option value="male">男</Option>
          <Option value="female">女</Option>
        </Select>
      </Form.Item>

      <Form.Item
        label="兴趣爱好"
        name="hobbies"
        rules={[{ required: true, message: '请选择您的兴趣爱好!' }]}
      >
        <Checkbox.Group>
          <Checkbox value="reading">阅读</Checkbox>
          <Checkbox value="sports">运动</Checkbox>
          <Checkbox value="music">音乐</Checkbox>
        </Checkbox.Group>
      </Form.Item>

      <Form.Item wrapperCol={{ offset: 6 }}>
        <Button type="primary" htmlType="submit">
          提交
        </Button>
      </Form.Item>
    </Form>
  );
};

export default SurveyForm;