title: React binding this to a class method
body: <p>So i'm reading a book on React which said I have to bind my  methods like </p>
  
  <pre><code>this.onClickMe = this.onClickMe.bind(this);
  </code></pre>
  
  <p>but it looks to work just fine without using the above code</p>
  
  <pre><code>class ExplainBindingsComponent extends Component {
    onClickMe() {
      console.log(this);
    }
    render() {
      return (
        &lt;button
          onClick={ () =&gt; { this.onClickMe() } }
          type="button"
        &gt;
          Click Me
    &lt;/button&gt;
      );
    }
  }
  </code></pre>
  
  <p>but it's saying I should do something like this,</p>
  
  <pre><code>class ExplainBindingsComponent extends Component {
    constructor() {
      super();
      this.onClickMe = this.onClickMe.bind(this);
    }
    onClickMe() {
      console.log(this);
    }
    render() {
      return (
        &lt;button
          onClick={this.onClickMe}
          type="button"
        &gt;
          Click Me
    &lt;/button&gt;
      );
    }
  }
  </code></pre>
  
  <p>is <code>this.onClickMe = this.onClickMe.bind(this);</code> still something I have to do? and if so what does it do vs my above example</p>