How to render a HTML comment in React?
<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>