title: How to not render element if it's null?
body: <p>I want to render news feed. Articles can have titles, pictures, and author names. I render it like this:</p>
  
  <pre><code>render() {
      const newsItem = (article, id) =&gt; (
        &lt;article className="news-item" key={id}&gt;
          &lt;img className="news-picture" src={`${article.urlToImage}`} alt=""/&gt;
          &lt;h1 className="news-title"&gt;{article.title}&lt;/h1&gt;
          &lt;p&gt;Author: {article.author}&lt;/p&gt;
        &lt;/article&gt;
      );
  
      const newsFeed = this.state.news.map(e =&gt; newsItem(e, pushid()));
  
      return (
        &lt;div className="news-feed"&gt;{newsFeed}&lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Some times API doesn't give author names (the value is null), and if so, I don't want to render</p>
  
  <pre><code>&lt;p&gt;Author: {article.author}&lt;/p&gt;
  </code></pre>
  
  <p>How is it done correctly in react?</p>