title: React component cannot map and render data in an array from an API
body: <p>I'm using react, redux, axios, and redux-thunk to handle async.</p>
  
  <p>I have a feeling that the solution is going to be obvious but for some reason, I am unable to map over an array of users (retrieved from a local express/node api) and render each user out. The user's info will be logged into the console but the... </p>
  
  <pre><code>&lt;p&gt;NO USERS FOUND&lt;/p&gt; 
  </code></pre>
  
  <p>...component is rendered onto the screen instead.</p>
  
  <p>Here is my repo: <a href="https://github.com/tedjames/reduxTest" rel="nofollow noreferrer">https://github.com/tedjames/reduxTest</a></p>
  
  <p>And here is what my component looks like:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux'
  import { getUsers } from '../redux/actions'
  
  class App extends Component {
    componentWillMount() {
      console.log(this.props);
      this.props.getUsers();
    }
  
    render() {
      if (this.props.users[1]) {
        this.props.users.map((user) =&gt; {
          console.log("USER FOUND!");
          console.log(user.email);
          return &lt;p key={user.id}&gt;USER FOUND: {user.email}&lt;/p&gt;
        });
      } else {
        return &lt;p&gt;NO USERS FOUND&lt;/p&gt;
      }
    }
  }
  
  const mapStateToProps = state =&gt; {
    return {
      users: state.admin.users
    };
  };
  
  export default connect(mapStateToProps, { getUsers })(App);
  </code></pre>
  
  <p>And this is my action that uses axios to fetch the users:</p>
  
  <pre><code>import axios from 'axios'
  import { GET_USERS } from './types'
  
  export const getUsers = () =&gt; {
    return (dispatch) =&gt; {
      axios.get('http://localhost:3090/users')
        .then(res =&gt; {
          console.log("&lt;-- // DATA RECEIVED FROM SERVER // --&gt; ");
          console.log(res);
          dispatch({ type: GET_USERS, payload: res.data })
        })
        .catch(({ response }) =&gt; {
          console.log("// ERROR RECEIVED FROM SERVER //");
          console.log(response);
        });
    }
  };
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/TpytM.png" rel="nofollow noreferrer">This is what my console outputs</a></p>