成都网站建设设计

将想法与焦点和您一起共享

如何在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内容传递给父组件-创新互联
标题路径:http://chengdu.cdxwcx.cn/article/docics.html