title: React onClick event not firing when function is passed to child
body: <p>I have a pretty simple React component where I pass the callback for the <code>onClick</code> event to a child element; however, the onClick event does not seem to ever fire. The class is below, <code>HamburgerMenu</code> and <code>Hamburger</code> are correctly imported/rendered with no events existing on those components. </p>
  
  <pre><code>export default class AppHandler extends React.Component {
    componentWillMount() {
      this.state = {
        menuOpen: false
      };
    }
    render() {
      return (
        &lt;div&gt;
          &lt;HamburgerMenu menuOpen={this.state.menuOpen} /&gt;
          &lt;div className="content"&gt;
            &lt;nav&gt;
              &lt;Hamburger onClick={this.onMenuChange.bind(this)} /&gt;
            &lt;/nav&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
    onMenuChange() {
      console.log('onMenuChanged');
      this.setState({ menuOpen: !this.menuOpen });
    }
  };
  </code></pre>
  
  <p>I can get it to work if in the <code>Hamburger</code> component I set another <code>onClick</code> event on the root element and then set <code>this.props.onClick</code> as that event handler but that seems like it's unnecessary from everything I have saw. </p>
  
  <p>Any guidance? Thank you! </p>