antd 2.x版本 form组件嵌套另一个form子组件怎么写

在Ant Design（antd）2.x版本中，Form组件支持通过`Form.create()`高阶函数创建表单，并可以轻松地嵌套子组件。如果你想在一个Form组件内部嵌套另一个Form组件，你可以按照以下步骤操作：

首先，在父组件中导入必要的依赖，如`Form`, `FormItem`和你自定义的子Form组件：

import { Form, FormItem } from 'antd';
import MyNestedForm from './MyNestedForm'; // 自定义的子Form组件

然后，使用`Form.create()`创建父Form，并将子Form作为其中的一个FormItem：

class ParentForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of parent form:', values);
        // 在这里处理子表单的值
        const nestedValues = this.state.nestedValues; // 如果有状态管理，从state获取子表单值
        // ...其他业务逻辑
      }
    });
  };

  render() {
    return (
      <Form onSubmit={this.handleSubmit}>
        {/* 父级表单字段 */}
        <FormItem label="Parent Field">
          {/* 写入父级表单的控件 */}
        </FormItem>

        {/* 嵌套子Form */}
        <FormItem>
          <MyNestedForm ref={(nestedForm) => { this.nestedForm = nestedForm; }} />
        </FormItem>

        {/* 提交按钮和其他表单配置 */}
      </Form>
    );
  }
}

// 使用Form.create动态生成Form组件实例
const WrappedParentForm = Form.create()(ParentForm);

export default WrappedParentForm;

在子Form组件`MyNestedForm`中，你也需要类似地使用`Form.create()`，并在需要的地方接收并处理数据。记得传递ref属性给子Form，以便父组件能访问到它。