如何在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://kswjz.com/article/docics.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

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

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

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

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们