Блог

У меня есть асинхронное последовательное действие для организации нескольких асинхронных действий, подобных этому

 const someAction = createAsyncThunk(
  'my/someAction',
  async () => {...}
)
const someAction2 = createAsyncThunk(
  'my/someAction2',
  async () => {...}
)
const generatedThunk = createAsyncThunk(
  'my/thunk',
  async (arg, thunkApi) => {
    thunkApi.dispatch(someAction());
    thunkApi.dispatch(someAction2());
  }
)
  

Я обнаружил, что любой из асинхронных запросов, т.е. someAction и someAction отклоненных, my/thunk все равно будет выполнен. Как я могу сделать my/thunk отклоненным, когда любой из thunks отклоняет?

createAsyncThunk всегда фиксирует ошибки, чтобы мы не получали сообщения об отклонении невыполненного обещания в вашем приложении.

Вам нужно будет самостоятельно проверить результаты каждого из них и соответственно вернуть отклоненное обещание.

Также обратите внимание, что, как написано в данный момент, в вашем коде оба этих блока будут выполняться параллельно. Это нормально, просто убедитесь, что это то, чего вы действительно хотите — чтобы запускать их последовательно, вам понадобятся await они.

Одним из вариантов здесь было бы:

 return Promise.all([
  thunkApi.dispatch(someAction()).then(unwrapResult),
  thunkApi.dispatch(someAction2()).then(unwrapResult)
]);
  

Это приведет:

• Запускайте оба действия параллельно
• Преобразуйте действие результата каждого действия обратно в выполненное или отклоненное обещание
• Возвращает обещание, которое отклонит, если любой из этих запросов отклонен

Проверьте результат вашего дочернего действия, и просто throw a new Error там, ваше основное действие автоматически перехватит это. И завершится reject .

Пример:

или, если ваши типы правильно настроены, вы можете уничтожить объект error и выполнить проверку ошибки следующим образом: if(error) throw Error('Some message!') ;