title: Redux fetch returning empty payload array
body: <p>I'm trying to fetch data from API (Now, I just have an array for testing) and show it in my screen.</p>
  
  <p>I create an action file:</p>
  
  <pre><code>import {
    GET_TENANT_DATA
  } from './Types';
  
  export const getTenants = ({ userID }) =&gt; {
    return (dispatch) =&gt; {
      const test = ['Saab', 'Volvo', 'BMW']; // Later it will be changed for axios fetch
      dispatch({
        type: GET_TENANT_DATA,
        payload: test
      });
    };
  };
  </code></pre>
  
  <p>My reducer:</p>
  
  <pre><code>import {
    GET_TENANT_DATA
  } from '../actions/Types';
  
  const INITIAL_STATE = {
    error: false,
    data: []
  };
  
  export default (state = INITIAL_STATE, action) =&gt; {
    switch (action.type) {
      case GET_TENANT_DATA:
        return { ...state, error: false, tenants: action.payload };
      default:
        return state;
    }
  };
  </code></pre>
  
  <p>Then, in my screen I test it by console.log:</p>
  
  <pre><code>...
  componentDidMount() {
      AsyncStorage.getItem('userID')
        .then((value) =&gt; {
          const userId = JSON.parse(value);
          this.props.getTenants(userId);
        });
    }
  
    render() {
      console.log(this.props.data);
  ...
  </code></pre>
  
  <p>However, the log display an empty array instead of the ['Saab', 'Volvo', 'BMW']. Does anyone know why it is happening?</p>
  
  <p>Thanks</p>