React.jsのonClickに引数を渡したい

2016/08/09

備忘のためのメモエントリー。

React.jsのonClickに引数を渡したいときはdata属性が使えます。

呼び出す側。

<a onClick={this.handleNumberClick} data-number="1">1</a>

呼び出される側。

handleNumberClick(e) {
  const number = e.currentTarget.getAttribute('data-number');
  // numberに1が入る
}

onClickに指定するのは関数そのものなので this.handleNumberClick(1) みたいには書けないのですね。

他にもbind関数を使うやり方もあるみたいですが、data属性のほうがしっくりきたので今回はこちらを採用しました。




おススメ