title: How to render a HTML comment in React?
body: <p>Currently the render method can only return a single element/component. See: <a href="https://github.com/facebook/react/issues/2127" rel="noreferrer">here</a></p>
  
  <p>In the discussion under that ticket some suggest to wrap multiple elements returned from a React component in a HTML comment so that the wrapping component is ignored by the browser, e.g.:</p>
  
  <pre><code>&lt;A&gt;
      &lt;B&gt;&lt;/B&gt;
      &lt;Fragment&gt;
          &lt;C&gt;&lt;/C&gt;
          &lt;D&gt;&lt;/D&gt;
      &lt;/Fragment&gt;
      &lt;E&gt;&lt;/E&gt;
  &lt;/A&gt;
  </code></pre>
  
  <p>would render to:</p>
  
  <pre><code>&lt;a&gt;
      &lt;b&gt;&lt;/b&gt;
      &lt;!--&lt;fragment data-reactid=""&gt;--&gt;
          &lt;c&gt;&lt;/c&gt;
          &lt;d&gt;&lt;/d&gt;
      &lt;!--&lt;/fragment&gt;--&gt;
      &lt;e&gt;&lt;/e&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>But how to actually create a component that renders just HTML comment? In other words, how the render function of the 'fragment' component in the example above could look like?</p>