How to perform routing after several requests have returned success?

Question

React

I send several requests on click, how to correctly and beautifully track the success of these requests and then perform some action, for example, routing

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 (...);
}