title: React multiple api calls in one action
body: <p>just starting with redux and have an issue that I find myself hard to handle.</p>
  
  <p>I have an API call (with Axios) to fetch some data</p>
  
  <pre><code>onFormSubmit(e){
   e.preventDefault();
   this.props.fetchTracks(this.state.term);
  }
  </code></pre>
  
  <p>Action file -</p>
  
  <pre><code>export function fetchTracks(term){
  
    var params = {
     api_key: API_KEY,
    };
  
     const request = axios.get(URL, { params: params });
  
     return {
      type: FETCH_TRACKS,
      payload: request
    }
  }
  </code></pre>
  
  <p>Reducer - </p>
  
  <pre><code>export default function (state = [] , action) {
    switch(action.type) {
     case FETCH_TRACKS:
      return [action.payload.data, ...state];
    }
  
   return state;
  }
  </code></pre>
  
  <p>For now, all works great and I get the data as expected.
  From this point, I want to get some data from this API call that I just did and have another API call to another url with this data.</p>
  
  <p>How should I do it? Have another API call in the current action? have another action? </p>
  
  <p>Basically, How should I handle two API calls with the same action?</p>