title: Featured.render(): A valid React element (or null) must be returned. Rendering a List of items
body: <p>I am trying to Print a list but I am getting this error and I am not sure what is the problem. It's suggesting that I am returning null, but in my opinion I am returning <code>listItems</code>, which you can see gets list passed from another component.</p>
  
  <p><strong>Full Error:</strong> </p>
  
  <blockquote>
    <p>Featured.render(): A valid React element (or null) must be returned.
    You may have returned undefined, an array or some other invalid
    object.</p>
  </blockquote>
  
  <p>My Snippet:</p>
  
  <pre><code>import React, {Component} from 'react';
  class Featured extends Component {
      render() {
  
          // const items = function (items) {
              const listItems = this.props.items.map((items) =&gt;
                  &lt;div className="fh5co-block to-animate"&gt;
                      &lt;div className="overlay-darker"&gt;&lt;/div&gt;
                      &lt;div className="overlay"&gt;&lt;/div&gt;
                      &lt;div className="fh5co-text"&gt;
                          &lt;i className="fh5co-intro-icon icon-bulb"&gt;&lt;/i&gt;
                          &lt;h2&gt;{items.toString()}&lt;/h2&gt;
                          &lt;p&gt;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there
                              live the blind texts.&lt;/p&gt;
                          &lt;p&gt;&lt;a href="#" className="btn btn-primary"&gt;Get In Touch&lt;/a&gt;&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              );
          // }
          return (
              listItems
          );
      }
  }
  export default Featured;
  </code></pre>