title: Reactjs append an element instead of replacing
body: <p>I'm trying to iterate through a list/array/object of things: (I used coffeescript to keep it clear, <a href="http://jsfiddle.net/AMxfL/" rel="noreferrer">jsfiddle of full JS here.</a> but it's just a forEach)</p>
  
  <pre><code>pages = for page, each of @props.ids
      $('#start').append("&lt;div id='"+page+"' &gt;&lt;/div&gt;")
      React.renderComponent page(title: each.title, text: each.text), $("#"+page)[0]
  </code></pre>
  
  <p>and append each of them, instead of replacing, leaving only the last item in the list.</p>
  
  <p>Where the <code>#start</code> element is the starting container, and I want to populate it with multiple elements,  but I need to give each their own container, otherwise they will all overwrite eachother, the default reactjs behaviour.</p>
  
  <p>I'm wondering if there's a way to tell react to append instead of replacing the div.</p>
  
  <p>I'd like to avoid using jquery if possible, and do it purely react-ly.</p>
  
  <p>I though about giving the <code>React.renderComponent</code> <code>page</code> the initial list, and then iterate in the previously called template, however, then i'm facing a different problem, I have to <code>return</code> a reactjs element object, consisting of the whole list, which I really don't prefer. </p>
  
  <p>I need for the initial call to create individual, independent react templates, appending eachother in a list, prefferably without any extra containers, or using jquery.</p>