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: { ... },
 
                   })