react+antd⽗⼦组件传参⽗组件传值给⼦组件(⼦组件是弹窗)
⼦组件在⽗组件的界⾯代码,先在⽂件⼊⼝引⼊⼦组件,然后通过comment将⽗组件的值传到⼦组件import ProjectList from '../ProjectList'
<Modalreact组件之间通信
title="选择项⽬"
visible={projectBox}
footer={null}
onCancel={this.ProjectCancel}
>
<ProjectList comment={project_type_uuid} onSubmit={this.ProjectContent.bind(this)} />
</Modal>
⼦组件接收
componentDidMount() {
console.log('⽗组件的传值',this.propsment)
}
UNSAFE_componentWillReceiveProps(nextProps) {
if(this.propsment === nextPropsment){
}else{
// 重新调⽤接⼝
console.log('另⼀个⽗组件的传值',nextPropsment)
}
return true;
};
⼦组件传值给⽗组件
if(Submit){
Submit(result)
}
⽗组件接收
getContent(comment){
console.log('⼦组件的传值',comment)
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论