title: Javascript Asynchronous State Update
body: <p>I'm trying to think the best practice for this use case:</p>
  
  <p>I have an internal state: results[] that will be used for displaying data in render.</p>
  
  <p>Then, I need to call 3 API's, in parallel, and then merge and sort them into results[] before finally rendering it.</p>
  
  <p>I'm using axios to call the API's, but i don't want to use axios.all because i need to display the results[] as each of the 3 apis are returning, that way, it looks faster.</p>
  
  <p>Im running into problem because everytime i update results[] with new data using this.setState(), the latter operation always see the old results[]; this.setState() doesn't immediately get applied..</p>
  
  <p>What's the best way to do this?</p>