Bindings.md

ESLint Rule - No .bind() or Arrow Functions in JSX Props

1. Standard

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

2. Arrow function

  <... onClick={() => this.handler()} .../>

3. ::-binding sugar (babel preset stage-0)

  <... onClick={::this.handler} .../>

4. Bind in constructor

  constructor(props) {
    this.handler = this.handler.bind(this)
  }
  ...
  <... onClick={this.handler} .../>

5. Property initializer

	handler = (e) => {
	  ...
	}
	...
	<... onClick={this.handler} .../> .../>

6. Autobind ES7 decorator

  @autobind
  handler() {
    ...
  }
  ...
  <... onClick={this.handler} .../>

* List of items example