У меня есть диалог в React, который отображает некоторую информацию и имеет 2 кнопки «Продолжить» и «Отмена».
Если нажать кнопку Cancel
, диалоговое окно закрывается (работает нормально)
Но если нажата кнопка Proceed
, я хочу отправить флаг исходному методу, откуда была отправлена команда открытия этого диалога, чтобы продолжить и завершить действие.
<Dialog {...reProps} ref={(x) => { this.restriced = x; }}>
<div>
SOME INFORMATION
</div>
<div>Do you want to apply profile to the rest of the devices.</div>
<div>
<button onClick={this.handleCancel}>
Cancel
</button>
<button onClick={this.handleProceed}>
Yes
</button>
</div>
</Dialog>
onProfileApply(profileName, restrict) {
if (!_.isEmpty(devices)) {
_.forEach(devices, (device) => {
if (restrictedDevices.length !== 0) {
return this.setState({
restrictedDevices
}, () => {
this.restriced.open();
});
}
}
const APIBody = {
'devices': selectedDevices
};
return this.props.dispatch(actions.updateDevices(APIBody));
}
return null;
}
handleCancel() {
this.restriced.close();
}
handleProceed() {
}
Я хочу, чтобы это действие выполнялось, когда пользователь нажимает кнопку Приступить, но информация недоступна вне функции onProfileApply.
return this.props.dispatch(actions.updateDevices(APIBody));
Есть ли шанс, что я смогу вернуться к функции и выполнить ее, если флаг имеет значение true или что-то еще? Пожалуйста помоги.