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())
}