title: How can I combine child nodes with JSX?
body: <p>I want to build up a ul list from li elements, but the li elements will come from different sources, so I can't do it in one statement. It appears that JSX can't handle a set of child elements, this gives me a syntax error:</p>
  
  <pre><code>var items = &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;;
  </code></pre>
  
  <p>Ideally I want to do something like:</p>
  
  <pre><code>var items1 = &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;;
  var items2 = &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;
    &lt;li&gt;S&lt;/li&gt;;
  var list = &lt;ul&gt;{items1}{items2}&lt;/ul&gt;;
  </code></pre>
  
  <p>Is there another way to achieve this?</p>