reactjs/flux: выполнить действия (ajax) в порядке

Question

У меня есть действия потока, которые являются просто вызовами AJAX, которые обновляют хранилище с данными об успехе.

В моем компоненте у меня есть функция, которая использует эти действия:

// Insert new event 
ReactActions.submitNewEvent(data) 
// Insert new exceptions 
ReactActions.submitNewExceptions(exception_objects) 

// Merge 
ReactActions.merge(data, exception_objects) 

Я хотел бы выполнить первые два действия полностью (то есть ответ 200 успеха от метода AJAX) до трети действие выполнено.

Каков наилучший способ сделать это в подобной Flux архитектуре? Должен ли я выбирать обещания? Не могли бы вы привести пример?

Answer 1

Да, обещания - хороший подход для решения таких проблем.

Promise.all() поможет вам синхронизировать последний вызов с предыдущими двумя. Убедитесь, что оба submitNewEvent() и submitNewExceptions() возвращает обещание, что не будет решен, когда вызовы AJAX завершены:

Promise.all([ 
    ReactActions.submitNewEvent(data), 
    ReactActions.submitNewExceptions(exception_objects) 
]).then(function() { 
    ReactActions.merge(data, exception_objects) 
})