title: React push object into array, always pushed last array
body: <p>i'm new on React Js things. 
  already tried <a href="https://stackoverflow.com/questions/40250139/push-object-into-array">push object into array</a>.</p>
  
  <p>I already got the result using axios, but i can't push it to array.the result always return last array, F.ex : <code>[0]: {channel:"esl_dota2", stream:null},[1]: {channel:"esl_dota2", stream:null},[2]: {channel:"esl_dota2", stream:null},[3]: {channel:"esl_dota2", stream:null},[4]: {channel:"esl_dota2", stream:null},</code></p>
  
  <pre><code>GetStream(){
  var channels = ['comster404', 'freecodecamp', 'noobs2ninjas', 'esl_dota2', 'ESL_SC2'];
  var temp = [];
  var tempObj = {};
  
  channels.map((i) =&gt; {
    axios({
      url: this.state.API_URL + i
    })
    .then(yeah =&gt; {         
      console.log(i);
      tempObj.channel = i;
      tempObj.stream = yeah.data.stream;      
      temp.push(tempObj);               
    })
    .catch(oops =&gt; {
      console.log(oops.status);
    });
  });
  
  console.log(temp);}
  </code></pre>