Как разрезолвить Promise на основании данных, поступивших из стороннего компонента?

Question

[Nash]

Допустим есть функция, вызывающая промис и ожидающая его исполнения, но нам необходимо спросить пользователя о том, как нужно разрезолвить этот самый промис. Соотвественно мы показываем кастомный диалог (javscript confirm нам не подходит, хотя и работает) и вот из этого самомого диалога требуется этот самый промис обработать.

Промис

{
	closeModalView() { return this.closeView() }

	closeView() { 
		return new Promise( (resolve, reject) => {
			if (this.state.saveViewWithoutChanges) {
				return reject();
			}

			if (!this.state.saveViewWithoutChanges) {
				return resolve();
			}
		})
	}


	render() {
		<Dialog 
			onSuccessButtonClick={ () => this.setState({saveViewWithoutChanges: false}) }
			onCancelButtonClick={ () => this.setState({saveViewWithoutChanges: true}) }
		/>
	}
}

Собственно мы имеем инициализацию Promise раньше, чем вызов и соответственно мутирование state ничего нам не даст.

Вопрос: как разрезолвить Promise на основании данных, поступивших из стороннего компонента?

Вполне могу предположить, что я туплю. Поправьте, если так.

Answer 1

[Виталий]

не понятно когда вы вызываете тот самый closeView() , если до события , то он и отработает раньше изменений.
вы сделайте closeView().then(()=>{console.log('true');}).catch((error=>{console.log('error');}); и вы увидите, что скорее всего ваш промис прекрасно умирает еще до изменения события.
промис это асинхронная задача одноразового использования, а судя по вашему коду, вы думаете, что промис будет ждать изменения , которые вы посылаете в стейт.
Топорный вариант, в события саксес и кенсел вызывать функцию closeView(true) closeView(false)
и переписать функцию типо так:

closeView(state) { 
    return new Promise( (resolve, reject) => {
      if (state) {
        return reject();
      }
else {
        return resolve();
      }
    })
  }

Comments

[Nash]

дело в том, что в данный момент я использую confirm() для подверждения действия пользователя, его можно вставить в потом промиса и прямо от туда спросить пользователя о дальнейших действиях. Сейчас же, мне необходимо вызвать в контексте промиса окно диалога, собственно этому и посвящен вопрос. Простое условие с resolve/reject оно и понятно - отработает где хочешь, а у нас есть контекст. Я постарался изложить его выше как мог. Кроме того, далее closeModalView() передает наверх тот самый then(), который решает какой action выбрать и сохранять или нет действия пользователя перед выполнением следующего действия. То есть мне необходимо понять, как в контексте промиса вызвать компонент, получить от него требуемые данные и вернуться к реализации того же промиса или в контекст того же действия.

[Виталий]

function A() return new Promise( (resolve, reject)=>{ if ... делаете свои действия, что сейчас засунуты в then , по их завершению отдаете resolve() ... then catch в этом промисе останутся в качестве мониторинга, если особо хотите заиграться в промисы, можно один промис обернуть другим и тп и тд, я честно говоря сейчас филосовствую, так как не вижу вашу реальную задачу

[Nash]

Виталий: все равно спасибо, немного направили меня в другую сторону решения проблемы :-)

[Виталий]

Nash: у промисов есть модификации, может вам подойдет что-то типо промиса с начальным значением или промис алл, в любом случае, стоит глянуть доку.

Answer 2

[DenJel]

А что мешает инициализировать промис после мутирования? Либо хранить сам промис в конструкторе?