React 项目中使用AntDesign框架时处理同一个页面使用多个Form表单的问题

React 项目中同一个页面使用多个Form表单，如果直接在Render中使用多个Forn，在提交某一个表单时会同时触发其他表单的提交事件，因此可以使用函数式的方法return出Form组件，然后再Render中引用，从而使页面上的Form相互独立

代码如下： 

import React, { Component } from 'react';

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

const FormItem = Form.Item;

class UserSetting extends Component { 

    CreateFormManFun=()=>{

    // 创建Form表单

    const CreateFormMan = Form.create()(props => {

         const { dispatch,form} = props;

         const { getFieldDecorator } = form;

         // 提交事件

         const searchMan = () => {

               const {dispatch}=this.props;

               form.validateFields((err, fieldsValue) => {

                   if (err) return;

                   const values = { ... };

                   dispatch({

                      type: ' ',

                      payload: { ... },

                   })