title: What is the best way to make multiple get request with axios in a loop?
body: <p>I'm having a problem making multiple request in a loop.</p>
  
  <p>I'm making a react app that renders multiple components called Cards. inside each card I want to make some requests so I got this.</p>
  
  <pre><code>componentWillMount(){
      if(this.props.movies){ 
          let promises = []
          this.props.movies.forEach((item, i) =&gt; {
              console.log(item)
              let movieUrl = `http://localhost:3000/movies/${item}`
              promises.push(axios.get(movieUrl))
          })
  
          axios.all(promises).then(res =&gt; console.log(res))
      }
  }
  </code></pre>
  
  <p>Movies is an array that I get from the father component.
  so apparently is working because I get results but tit is always with the last element of the last card. Here is an image:</p>
  
  <p><a href="https://i.stack.imgur.com/rTKrM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rTKrM.png" alt="Look, Even the item is changing (those tt....) I always get the last responde, what can I do ? "></a></p>