title: Using reactjs render inside a function
body: <p>I am very new to reactjs, so I thought using the react.render inside a function would allow me to create multiple different components. But it always shows the last component I created with the function. I guess it overwrites the previous components.  </p>
  
  <pre><code>function renderComment (commentInfo, src, username, commentText, replyText){
      React.render(&lt;Comment commentInfo={commentInfo} src={src} username={username} commentText={commentText} replyText={replyText} /&gt;, document.getElementById('comments'));
  }
  </code></pre>
  
  <p>How can I prevent this? I would like to add a component each time and not overwrite it.</p>