React.jsのonClickに引数を渡したい
備忘のためのメモエントリー。
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属性のほうがしっくりきたので今回はこちらを採用しました。
おススメ