title: React.js Updating UI after removing a row form a list
body: <p>I'm new to react, I'm have a react component that generates a list. The list has a delete button generated with it, bound to an event handler. When the button is clicked I pass in the id of the row to be removed and then removed it. The part i'm struggling with is how to update the list once the row has been removed from it?</p>
  
  <p>Whats the best practice react way of doing this ? I have created a <a href="https://jsfiddle.net/bullrout/gLg02kpa/5/" rel="nofollow">fiddle</a>, but sadly it's not rendering my list.</p>
  
  <p>Thanks for the help</p>
  
  <pre><code>var clickHandler = function(ev){
      var idx = ev.dispatchMarker.split('$')[1];
      data.splice( idx, 1 ); ///remove the row
      //how to update the ui?
  };
  </code></pre>