React - Multiple API Requests in Loop

Question

I have multiple GET API requests i want to do in a Loop. What is the best way to do this using await in a try/catch.

I have something like this currently:

requestItems.forEach(url => {
        
        try {
          data = await apiService.get(url);
        } catch (err) {
          console.log(err)
        }
    });

Konstantin Modin · Accepted Answer · 2020-10-25 15:29:42Z

2

To run it in parallel you can do something like this:

const requestAll = async () => {  
  return await Promise.all(requestItems.map(async url => {
    try {
      return await apiService.get(url);
    } catch (err) {
      console.log(err)
    }
  }));
}

answered Oct 25, 2020 at 15:29

Konstantin Modin

1,3439 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React - Multiple API Requests in Loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related