controlled / uncontrolled コンポーネント
制御: Stateで値を管理する（いつも使ってる方）
ユースケース
非同期でのForm送信
動的にUIを更新したい
入力時の即時処理が必要
非制御: DOM(ref)で値を管理する（React Hook Formとか）
ユースケース
トラディショナルなForm送信をする
入力時の即時処理が不要
初期値
React に初期値を指定させるが後続の更新処理には関与しない→defaultValue
公式
https://ja.legacy.reactjs.org/docs/uncontrolled-components.html
https://ja.react.dev/reference/react-dom/components/input
Preact公式
https://preactjs.com/guide/v10/forms/
制御された入力 vs 非制御入力の記事
https://goshacmd.com/controlled-vs-uncontrolled-inputs-react/
React で input の defaultValue の変更を反映させる
https://mseeeen.msen.jp/react-update-input-defaultvalue/