title: React .map() not displaying data
body: <p>I've done a very similar code to this and it has worked, however, I am getting nothing from this. Where console.log data I see the correct array of objects but where I console.log user I get nothing and the User component does not get called. When I plug in different static values for User it works</p>
  
  <pre><code>import React, { Component } from 'react';
  import User from './user';
  
  export default class UserResults extends Component {
    render() {
      let data = this.props.data;
      let results;
      if (data) {
        console.log(data);
        results = data.map(user =&gt; {
          console.log(user);
          return (
            &lt;User key={user.name}
              stream={user.stream}
              name={user.name}
              logo={user.logo}
              url={user.url} /&gt;
          );
        })
      }
      return (
        &lt;tbody className="UserResults"&gt;
          {results}
        &lt;/tbody&gt;
      );
    }
  }
  </code></pre>
  
  <p>Here is what is shown when I logged data </p>
  
  <pre><code>0:{stream: null, name: "storbeck", logo: null, url: "https://api.twitch.tv/kraken/channels/storbeck"}
  1:{stream: null, name: "FreeCodeCamp", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/fre…decamp-profile_image-d9514f2df0962329-300x300.png", url: "https://api.twitch.tv/kraken/channels/freecodecamp"}
  2:{stream: null, name: "OgamingSC2", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/oga…ngsc2-profile_image-9021dccf9399929e-300x300.jpeg", url: "https://api.twitch.tv/kraken/channels/OgamingSC2"}
  3:{stream: null, name: "habathcx", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/habathcx-profile_image-d75385dbe4f42a66-300x300.jpeg", url: "https://api.twitch.tv/kraken/channels/habathcx"}
  4:{stream: null, name: "RobotCaleb", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/robotcaleb-profile_image-9422645f2f0f093c-300x300.png", url: "https://api.twitch.tv/kraken/channels/RobotCaleb"}
  5:{stream: {…}, name: "ESL_SC2", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/esl_sc2-profile_image-d6db9488cec97125-300x300.jpeg", url: "https://api.twitch.tv/kraken/channels/ESL_SC2"}
  6:{stream: null, name: "cretetion", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/cretetion-profile_image-12bae34d9765f222-300x300.jpeg", url: "https://api.twitch.tv/kraken/channels/cretetion"}
  7:{stream: null, name: "noobs2ninjas", logo: "https://static-cdn.jtvnw.net/jtv_user_pictures/noo…ninjas-profile_image-34707f847a73d934-300x300.png", url: "https://api.twitch.tv/kraken/channels/noobs2ninjas"}
  </code></pre>
  
  <p>Here is the code for user.js incase you need to see it as well</p>
  
  <pre><code>import React, { Component } from 'react';
  
  export default class User extends Component {
    render() {
      let props = this.props;
      console.log(props);
      let message;
      if (props.stream !== null) {
        message = 'Online';
      } else {
        message = 'User is offline';
      }
      return (
        &lt;tr className="User"&gt;
          &lt;td&gt;&lt;img src={props.logo} alt={props.name} /&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href={props.url}&gt;{props.name}&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;{message}&lt;/td&gt;
        &lt;/tr&gt;
      );
    }
  }
  </code></pre>