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

Question

[lookingfor2]

Я посылаю несколько запросов по клику, как правильно и красиво отследить успех с этих запросов и после этого выполнить какое то действие, например роутинг

Comments

[Вадим]

Promise.all().then?

[Артур]

есть несколько распространенных решений, можно использовать любой исходя из вашего стека

Promise.all
redux thunk
redux saga

Answer 1

[Сергей Мельников]

const Component = () => {
  const history = useHistory();

  const handler = async () => {
    await firstRequest();
    await secontRequest();
    await thirdRequest();
    history.push("/myroute");
  }

  return (...);
}

const Component = () => {
  const history = useHistory();

  const handler = async () => {
    await Promise.all([
      firstRequest(),
      secontRequest(),
      thirdRequest(),
    ]);
    history.push("/myroute");
  }

  return (...);
}