title: Idiomatic way to append an element in JSX
body: <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>