title: How to delete an entire row from html table using ReactJS?
body: <p>I want to delete an entire row (text &amp; button) from html table on button click. How can I do that using ReactJS instead of using 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;td&gt;&lt;button onClick={deleteRow}&gt;DELETE&lt;/button&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;row 2&lt;/td&gt;
                          &lt;td&gt;&lt;button onClick={deleteRow}&gt;DELETE&lt;/button&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td}&gt;row 3&lt;/td&gt;
                          &lt;td&gt;&lt;button onClick={deleteRow}&gt;DELETE&lt;/button&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          );
      },
      deleteRow : function() {
          //how to delete row using ReactJS?
      },
  });
  
  React.render(&lt;RecordsComponent/&gt;, document.getElementById('display'))
  </code></pre>