У меня есть основной компонент такого типа
export default class ExportPageComponent extends React.Component {
onExportIconMenuClick (isCommonConsumption) {
}
render () {
return (
<Box justifyContent='space-between' className='container'>
<Table/>
<ModalLoading/>
<Button onClick={this.onExportIconMenuClick.bind(this)}/>
</Box>
)
}
}
и компонент модального окна которое должно появляться при клике на кнопку Button
class Modal extends React.Component {
constructor() {
super();
this.state = {
isDownload: false
}
}
onExportExcel (isCommonConsumption) {
this.setState({
isDownload: true,
}, () => {
$.get({
//запрос
},
success: (content) => {
//успешный ответ
},
error: (error) => {
//ошибка
this.setState({
modalMessage: 'Something went wrong'
})
console.log(error);
}
}).then(() => {
this.setState({
isDownload: false
})
});
})
}
render() {
const {isDownload} = this.state
return(
<BasicModal
isModalOpened={isDownload}
>
<React.Fragment>
{CM.gettext('Please wait, preparing data for export, it could take some time...')}
</React.Fragment>
</BasicModal>
)
}
}
Проблема состоит в том, что я не могу понять, как я могу запустить метод onExportExcel модального окна, при клике на кнопку Button у родителя, может кто занет решение?