onBlur for entire react component

onblur.jsx

var HelloMessage = React.createClass({
  render: function() {
    return <div tabIndex="1" onBlur={this.onBlur}>
    	Hello <input type="text" value="wat"/>
    </div>;
  },
  
  onBlur: function(e) {
    var currentTarget = e.currentTarget;

    // https://stackoverflow.com/a/11592974/1239484
    setTimeout(function() {
      if (!currentTarget.contains(document.activeElement)) {
          console.log('component officially blurred');
      }
    }, 0);
  }
});

React.render(<HelloMessage name="John" />, mountNode);