はじめに クリック数を数えるロジックはdivにしか使えませんが、このロジックならダブルクリック以上のトリプルクリック、クアドルプルクリックとかも拾えるのではないかとやってみました。 遊んでみて下さい。 実行例 See the Pen double-triple-quadruple-…

はじめに htmlのbuttonにはダブルクリックを認識する機能があって、ReactではonDoubleClickで取得できます。 今回それを使ってみました。出来上がりの形、機能は前回 div バージョンと全く同じですが、心なしか動きが良いような気がします。 ダブルクリック…

はじめに // アイデア コメントの形でプログラミング要件を書く // コメントの形で要件を作業に落とし込む // 例 greeting // 名前の入力欄 // onChangeを実装する // enter or submit で // hello + name を出力 // reset で初期状態 => autofocus が戻らな…

はじめに onFocusと言うのがあったのでサンプルを作ったのですが、onClickとかonChangeとかがあるのでonFocusの使い道が思いつかない。 input欄をクリックすると「フォーカスされました」に変わります。 実行例 See the Pen Untitled by kalz2q (@kalz2q) on…

はじめに 元記事 サバイバルTypeScript にあったいいねボタン, 英語で like button と言うらしい、を codepen に載せてみました。 実行例 See the Pen likeButton by kalz2q (@kalz2q) on CodePen. 説明 最近の自分のスタイルでは component を使わずに view…