はじめに
htmlのbuttonにはダブルクリックを認識する機能があって、ReactではonDoubleClickで取得できます。
今回それを使ってみました。出来上がりの形、機能は前回 div バージョンと全く同じですが、心なしか動きが良いような気がします。
ダブルクリックした時の取りこぼしがない。
実行例
See the Pen shogun-button-double by kalz2q (@kalz2q) on CodePen.
説明
div バージョンでやりたいことが出来ていたので button バージョンを作らないつもりだったのですが、作って良かった。
onDoubleClick を使うことにより場合分けが単純になり、プログラムが見やすく、わかりやすくなった。
はじめに、にも書いたけど取りこぼしがなくなって、気持ちよく使える。
教訓: React, javascript で何もかもやろうとせず、html で出来ることは積極的に使った方がトータルとして効率が良い。勉強になりました。
