title: How component can remove/delete itself from DOM?
body: <p>Let's say I have a following JSX code:</p>
  
  <pre><code>var List = React.createClass({
    render: function() {
      var Items = this.props.data.map(function(item) {
        return (
          &lt;Item key={item.id}&gt;
            {item.text}
          &lt;/Item&gt;
        );
      });
      return (
        &lt;div className="items"&gt;
          {Items}
        &lt;/div&gt;
      );
    }
  });
  
  var Item = React.createClass({
    handleDelete: function(e) {
      e.preventDefault();
  
      // Delete this (only this) component completely (remove it from DOM).
    },
    render: function() {
      return (
        &lt;div className="item"&gt;
            {this.props.children}
            &lt;button className="delete" onClick={this.handleDelete}&gt;Delete&lt;/button&gt;
        &lt;/div&gt;
      );
    }
  });
  
  ReactDOM.render(
    &lt;List data={Array of items} /&gt;,
    document.getElementById('content')
  );
  </code></pre>
  
  <p>My question is: how items can completely remove/delete themselves in their own handleDelete() function?</p>