title: ESLint Rule on React Component: Method Render expected no return value
body: <p>I can't for the life of me understand why anyone would even want this rule let alone what it means.  I <strong>want</strong> to return something here in the render</p>
  
  <pre><code>export default class SearchTabs extends Component {
    render() {
      const { panels, selectedTab } = this.props;
      if (!panels || panels.length === 0) return;
  
      let filter = null;
  
      const tabs = panels.member.map((panel, idx) =&gt; {
        const { id: panelId, headline } = panel;
        const url = getHeaderLogo(panel, 50);
        const item = url ?
          &lt;img src={url} alt={headline} /&gt; : headline;
        const classname = classNames([
          searchResultsTheme.tabItem,
          (idx === selectedTab) ? searchResultsTheme.active : null,
        ]);
  
        filter = (idx === selectedTab) ? this.renderFilters(panel) : filter;
  
        return (
          &lt;TabItem
            classname={`${classname} search-tab`}
            headline={headline}
            idx={idx}
            content={item}
            onclick={() =&gt; {
              this.tabChanged(idx, headline);
            }}
            panelId={panelId}
          /&gt;
        );
      });
  
      return (
        &lt;div className={searchResultsTheme.filters}&gt;
          &lt;ul className={`${searchResultsTheme.tabs} ft-search-tabs`}&gt;{tabs}&lt;/ul&gt;
          &lt;div className={searchResultsTheme.dropdown}&gt;{filter}&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>