ReactのクリックイベントはonclickではなくonClick

ReactのクリックイベントはonclickではなくonClick

Reactコンポーネントを定義する際は、onclickでは動作しません。

onClick(Cが大文字)を使用します。

{handler}を{this.handler}とするとクリックイベントが動作しないので注意です。

サンプル

classのメソッドとして定義する場合はbindする

render()メソッド内で記述せずにclassのメソッドとして記述する場合はコンストラクタ内でbindする必要があります。

以下では、this.aに代入しています。

サンプル

アロー関数を使用することによりbindを省略する

コンストラクタでbindするのを省略したいです。

アロー関数はthisを束縛するので、アロー関数を使用することによってコンストラクタを省略することができます。

サンプル

ReactのクリックイベントはonclickではなくonClick

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA