如何在react-antd中弹出层form内容传递给父组件-创新互联

如何在react-antd中弹出层form内容传递给父组件？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联专注于企业网络营销推广、网站重做改版、大田网站定制设计、自适应品牌网站建设、H5高端网站建设、电子商务商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为大田等各大城市提供网站开发制作服务。

子组件：

// jshint esversion:6
import React, { Component } from 'react';
import { Form, Input} from 'antd';

const FormItem = Form.Item;

class Forms extends Component{
  getItemsValue = ()=>{  //3、自定义方法，用来传递数据（需要在父组件中调用获取数据）
    const values= this.props.form.getFieldsValue();    //4、getFieldsValue：获取一组输入控件的值，如不传入参数，则获取全部组件的值
    return values;
  }
  render(){
    const { form } = this.props;
    const { getFieldDecorator } = form;  //1、将getFieldDecorator 解构出来，用于和表单进行双向绑定
    return(
      

        
          {getFieldDecorator('name')(  //2、getFieldDecorator 的使用方法，这种写法真的很蛋疼
            
          )}
        
        
          {getFieldDecorator('age')(
            
          )}
        
        
          {getFieldDecorator('address')(
            
          )}
        
      
    )
  }
}

export default Form.create()(Forms); //创建form实例

本文标题：如何在react-antd中弹出层form内容传递给父组件-创新互联
URL标题：http://cdxtjz.cn/article/docics.html