大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
如何在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() } } export default Form.create()(Forms); //创建form实例