title: how to add row to a table using ReactJS on button click
body: <p>I have a table and I want to add a row to it when ADD button is clicked. How can I do that using ReactJS instead of simple JavaScript?</p>
  
  <p><strong>code:</strong></p>
  
  <pre><code>var RecordsComponent = React.createClass({
      render : function() {
          return (
              &lt;div&gt;
                  &lt;table&gt;
                      &lt;tr&gt;
                          &lt;td&gt;row 1&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;row 2&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td}&gt;row 3&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                  &lt;button id="addBtn" onClick={addRow}&gt;ADD&lt;/button&gt;
              &lt;/div&gt;
          );
      },
      addRow : function() {
          //how to add row using ReactJS?
      },
  });
  
  React.render(&lt;RecordsComponent/&gt;, document.getElementById('display'))
  </code></pre>