title: React event handler works without bind()
body: <p>I'm working through a react tutorial and the instructor is showing that the event handler in this code won't work, because this() is accessing the outer environment. But I get no error. Can someone explain it to me?</p>
  
  <pre><code>import React, { Component } from "react";
  
  class Counter extends Component {
    state = {
      count: 0,
    };
  
    handleIncrement() {
      console.log(this.state);
      console.log(this.props);
    }
  
    render() {
      return (
        &lt;div&gt;
          &lt;button onClick={this.handleIncrement()}&gt;
            Increment
          &lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default Counter;
  </code></pre>