Idiomatic way to append an element in JSX : <p>Given the following JSX:</p>

<pre><code>const elems = &lt;div&gt;&lt;p&gt;hello&lt;/p&gt;&lt;p&gt;world&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>If I want to add another element to the end, is there a more idiomatic way than doing:</p>

<pre><code>const moreElems = &lt;div&gt;{elems}&lt;p&gt;additional&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>Maybe something like:</p>

<pre><code>elems.push(&lt;p&gt;additional&lt;/p&gt;)
</code></pre>

<p>I would be fine omitting the wrapper <code>div</code>; that's just so there's only a single top-level JSX element.</p>
