So i'm reading a book on React which said I have to bind my methods like

this.onClickMe = this.onClickMe.bind(this);

but it looks to work just fine without using the above code

class ExplainBindingsComponent extends Component {

  onClickMe() {

    console.log(this);

  }

  render() {

    return (

      <button

        onClick={ () => { this.onClickMe() } }

        type=button

      >

        Click Me

  </button>

    );

  }

}

but it's saying I should do something like this,

class ExplainBindingsComponent extends Component {

  constructor() {

    super();

    this.onClickMe = this.onClickMe.bind(this);

  }

  onClickMe() {

    console.log(this);

  }

  render() {

    return (

      <button

        onClick={this.onClickMe}

        type=button

      >

        Click Me

  </button>

    );

  }

}

is this.onClickMe = this.onClickMe.bind(this); still something I have to do? and if so what does it do vs my above example