title: React Native: double fetch overrides previous data
body: <p>I have a screen with two different tabs. Each tab is indexed (0, 1) and a state keeps the information about the currently active tab. Each tab shows different data on the screen.
  When the user taps on a tab, a data fetching starts to obtain tab's data.
  In the meanwhile, a loading indicator appears on the screen and when the fetch obtain a response, a dispatch updates the data on the store (redux).
  Then the screen re-render, the component got the fetched data from the store and shows the information on the screen.</p>
  
  <p>The problem is when we quickly switch from one tab to another, while a data fetching is already running.
  EG: 
  - tab 0 starts one fetch to obtain its data, the screen is loading
  - we immediately switch to tab 1, before we get the data for tab 0
  - tab 1 starts one fetch to obtain its data, the screen is loading
  - depending on which fetch finishes first, we have its response data on the screen
  - the fetch that finishes later eventually overrides the previous shown data</p>
  
  <p>How can I resolve this issue?
  Note: I don't want to disable the switch between tabs while the first fetch is still loading.</p>