父组件传值给子组件(子组件是弹窗)
子组件在父组件的界面代码,先在文件入口引入子组件,然后通过comment将父组件的值传到子组件
import ProjectList from '../ProjectList'
<Modal
title="选择项目"
visible={projectBox}
footer={null}
onCancel={this.ProjectCancel}
>
<ProjectList comment={project_type_uuid} onSubmit={this.ProjectContent.bind(this)} />
</Modal>
子组件接收
componentDidMount() {
console.log('父组件的传值',this.props.comment)
}
UNSAFE_componentWillReceiveProps(nextProps) {
if(this.props.comment === nextProps.comment){
}else{
// 重新调用接口
console.log('另一个父组件的传值',nextProps.comment)
}
return true;
};
子组件传值给父组件
if(this.props.onSubmit){
this.props.onSubmit(result)
}
父组件接收
getContent(comment){
console.log('子组件的传值',comment)
}