React.jsのrenderの戻り値の中で.bindで新しい関数を定義してはいけないわけ ref: http://qiita.com/shuntksh/items/fd81ca9aa31ea8f962e2

file0.js

// 悪い例：render関数内で新しい関数を定義
class MyComponent extends React.Component {
  render() {
    const { value, handleChange } = this.props;
    return <input value={value} onChange={handleChange.bind(this)} />
  }
}

file0.txt

// 悪い例：render関数内で新しい関数を定義
class MyComponent extends React.Component {
  render() {
    const { value, handleChange } = this.props;
    return <input value={value} onChange={handleChange.bind(this)} />
  }
}

file1.txt

// 修正例1：コンストラクタ内でbind関数を使用して、Thisを束縛
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.props.handleChange.bind(this);
  }

  render() {
    const { value, handleChange } = this.props;
    return <input value={value} onChange={handleChange} />
  }
}

file2.txt

// 修正例2：クラス・プロパティとしてLambdaを使って関数を定義し、Thisを束縛
class MyComponent extends React.Component {

  handleChange = ev => this.props.handleChange(ev);

  render() {
    const { value } = this.props;
    return <input value={value} onChange={this.handleChange} />
  }
}

file3.txt

// 悪い例
class Items extends React.Component {
  render() {
    const { items, handleClick } = this.props;
    return (
      <ul>
        {items.map((item, idx) => <li key={idx} onClick={handleClick.bind(null, item.id)}
      </ul>
    )
  }
}

file4.txt

// 修正例
class Item extends React.Component {
  handleClick() {
    const { item: { id }, onItemClick } = this.props;
    onItemClick(id);
  }

  render() {
    const { item: { name } } = this.props;
    return <li onClick={this.handleClick}>{name}</li>;
  }
}

class Items extends React.Component {
  render() {
    const { items, handleClick } = this.props;
    return (
      <ul>
        {items.map((item, idx) => <Item item={item} onItemClick={handleClick} />}
      </ul>
    )
  }
}

file5.txt

// 関数式のRef
class MyComponent extends React.Component {
    render() {
        return (<button ref={(el) => this.buttonElement = el}>Click Me!</button>);
    }
}

file6.txt

// Refハンドラ関数を外出（TypeScriptで書いてます）
class MyComponent extends React.Component<P, S> {
    private refHandlers: any = {
        button: (ref: HTMLButtonElement): void => { this.buttonElement = ref; },
    };
    render() {
        return (<button ref={this.refHandlers.button}>Click Me!</button>);
    }
}