React子组件传值父组件

1.子组件在这里插入图片描述
通过this.props得方式给父组件传一个getDisabledAll得方法,disabled的方法传入父组件

子组件
在这里插入图片描述
子组件通过getDisabledAll={this.getDisabledAll.bind(this)}得回调方法
在这里插入图片描述
在父组件页面定义一个getDisabledAll得函数,将子组件data传入到父组件得childSelectedAll的变量中。
注意,在父组件接收子组件数值的时候我忘记加入bind,导致this.setState会报错
在这里插入图片描述
在这里插入图片描述
控制台输出
2.
子组件

componentDidMount(){
        this.props.onRef(this)
}
 }
    //传值父组件
    giveFormValue(){
        let form=this.props.form.getFieldsValue()
        form.fileId=this.state.fileId
        form.mediaType=this.state.mediaType
        form.estimatedDurationHour=this.state.estimatedDurationHour
        form.estimatedDurationMinute=this.state.estimatedDurationMinute
        form.valueType=this.state.valueType
        form.protocol=this.state.protocol
        console.log("子组件",form)
        return form
    }

父组件

<Livebroadcast bannerDetail ={this.state.bannerDetail} radioValue ={radioValue}
                            wrappedComponentRef={form => {
                                this.livebroadcast = form}
                            }
                                 onRef={(ref)=>this.getChildForm=ref}
                                 titleName={titleName}
                                 editObj={editObj}
                  />
addAndUpdateTask = async () => {
			//调用子组件函数
            console.log("taskInfo",this.getChildForm.giveFormValue())  
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值