title: Get reference to React component in event handler
body: <p>I can attach my event handler to a React component. Is there a way to get a reference to this component inside event hander?</p>
  
  <pre class="lang-js prettyprint-override"><code>var Foobar = React.createClass({
      action: function () {
          // ...
      },
      render: function () {
          var child = React.Children.only(this.props.children),
              props = _.omit(this.props, 'children');
          return React.addons.cloneWithProps(child, props);
      }
  });
  
  var App = React.createClass({
      handleMouseEnter: function (event) {
          // How to get reference to Foobar without using this.refs['foo']?
          // I need to call *action* on it.
      },
      render: function () {
          return (
              &lt;div&gt;
                  &lt;Foobar ref="foo" onMouseEnter={this.handleMouseEnter}&gt;
                      ...
                  &lt;/Foobar&gt;
              &lt;/div&gt;
          );
      }
  });
  </code></pre>