title: React Conditional Rendering
body: <p>I'm trying to figure out conditional rendering in React. If there are no movies in the user's watchlist, i just want to output a title. I thought somethin like this would work:</p>
  
  <pre><code>render() {
      return (
          &lt;Container&gt;
              {this.state.watchlist.map(item =&gt; {
                  if(this.state.watchlist.length &gt; 0) {
                      return (
                          &lt;WatchlistMovie
                              className="watchlist-movie"
                              key={item.id}
                              id={item.id}
                              title={item.title}
                              poster={item.poster}
                              overview={item.overview}
                              rating={item.rating}
                              user={this.props.user}
                          /&gt;
                      );
                  } else {
                      return &lt;h1&gt;no movies&lt;/h1&gt;
                  }
              )}}
          &lt;/Container&gt;
      );
  }
  </code></pre>