renderThisBinding.js

// How to do this.bind 

// ES7 syntax
render() {
  <div onClick={::this.onClick}> </div>
}

onClick() {
  
}



///////////////////
///////////////////
// arrow functions automatically binds this
render() {
  <div onClick={() => this.onClick}> </div>
}

render() {
  <div onClick={this.onClick.bind(this)}> </div>
}

// make this.onClick an arrow function
render() {
  <div onClick={this.onClick}> </div>
}

onClick = () => {
  
}

// nest the arrow function in onClick
render() {
  <div onClick={this.onClick}> </div>
}

onClick() {
  return () => {
    this.someFunction()
  }
}