title: Receiving an Array to render in component
body: <p>I am trying to pass my state of thumbnail URLs that are saved to an array state. But when evaluating in my Netflix component videos is empty? When I console it, it returns <code>In tile {"videos":[]}</code></p>
  
  <p><strong>Render</strong></p>
  
  <pre><code>return (
    &lt;div className="explore"&gt;
      &lt;div className="row"&gt;
        &lt;NetflixTile videos={this.state.thumbnail} /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  );
  </code></pre>
  
  <p><strong>Constructor</strong></p>
  
  <pre><code> constructor(props) {
          super(props);
          this.props.getVideos();
          this.state = {
            thumbnail: []
          };
        }
  </code></pre>
  
  <p><strong>DidMount EDITED</strong></p>
  
  <pre><code>componentDidUpdate() {
      console.log("Component updated?");
  
      let i = 0;
      if (this.props.videos == null) {
        console.log("It's null");
      } else {
        const videos = this.props.videos.video.map(video =&gt; {
          &lt;h5 key={video._id}&gt;{video.thumbnail}&lt;/h5&gt;;
          this.state.thumbnail[i] = video.thumbnail;
          console.log(this.state.thumbnail);
          i++;
        });
      }
    }
  </code></pre>
  
  <p><strong>Netflix component added into Render</strong></p>
  
  <pre><code>const NetflixTile = videos =&gt; {
    console.log("In tile " + JSON.stringify(videos.videos));
    if (videos.length != null) {
      for (let i = 0; videos &gt; i; i++) {
        return (
          &lt;div className="row__inner"&gt;
            &lt;div className="tile"&gt;
              &lt;div className="tile__media"&gt;
                &lt;img
                  className="tile__img"
                  id="thumbnail"
                  src={videos[i]}
                  alt=""
                /&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        );
      }
    } else {
      return (
        &lt;div&gt;
          &lt;h1&gt;
            You have not yet uploaded any STEM content. Go to your dashboard page
            and click Upload to add to this library.
          &lt;/h1&gt;
        &lt;/div&gt;
      );
    }
  };
  
  export default NetflixTile;
  </code></pre>
  
  <p>**Console output of <code>this.state.thumbnail</code> **
  <a href="https://i.stack.imgur.com/MktmR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MktmR.png" alt="enter image description here"></a></p>