How to bind methods in React components

bind.js

// 在 constructor 內 bind
export default class  extends React.Component {
  constructor(...args) {
    super(...args)
    this.doSomething = this.doSomething.bind(this)
  }

  doSomething() {}

  render () {
    return <div onClick={doSomething}/>
  }
}

// 直接用 arrow function
export default class  extends React.Component {
  doSomething = () => {}
  render = () => <div onClick={doSomething}/>
}

// 如果有用 recompose，可用 withAttachedProps
import { withAttachedProps, compose } from 'recompose';

export default compose(
  withAttachedProps(getProps => ({
    doSomething: () => {}
  }))
)(() => <div onClick={doSomething}/>)