React+TypeScript: Greeting

はじめに

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

実行例

See the Pen Untitled by kalz2q (@kalz2q) on CodePen.

説明

formにresetと言う機能があって、onResetで取り出せる。初期状態に戻してautofocusも戻すことが出来るかと探したのですが、なかったのでプログラムで個別にhookで入力値や出力値を消しています。

文字列の中に変数を入れる方法がわからなかった。文字列の中にスペースを入れる方法がわからなかった。要研究。