Calling two API's in the same time

[paveu]

Hi,
I have two API calls in the componentDidMount(). I want to wait until they are all finished before component mounts in. Is there efficient way to do it ? is there something like Promise.all() available?

Thanks,
Pawel

[nason]

Sure you can! Something like this should work in componentDidMount:

Promise.all([
  dispatch(requestCreatorOne()),
  dispatch(requestCreatorTwo())
]).then(results) => {
  if(results.some(r => r.error)) {
   // If there are any errors in the response, you could trigger an error path like so
   dispatch(componentFetchError())
   // OR by connecting the component to relevant redux store properties set by the request actions
  } else {
   // Otherwise, signal the UI that it should proceed
   dispatch(componentFetchSuccess())
    // OR connect your component to redux state set by the request actions
  }
})

Let me know if that helps!