アプリFW/ライブラリ▸React
React: イベントとフォーム
hands-on所要 25分最新草稿
意味グラフ(この教材と内容的に近い教材・1ネスト)
例え(Analogies)
イベント=呼び鈴に応える
onClickやonChangeは「呼び鈴が鳴ったら応える」仕組み。フォームの制御コンポーネントは「入力を常に手元で把握しておく」感覚。
概要
📍 app-frameworks ▸ React ▸ イベントとフォーム | 種別: hands-on | facts_as_of 2026-06(React 19)
公式ドキュメント — hands-on
🎞 スライド
出典(sources)
react.dev (Responding to Events / Forms) ; React 19 / 2026-06確認
確認問題(Review-Questions)
制御コンポーネントのinputに必要な2つの属性は?コード
基礎公式
解答・解説▾ 開く
value(stateの値)と onChange(stateを更新)。
フォーム送信でページをリロードさせないには?択一
基礎公式
解答・解説▾ 開く
onSubmitで e.preventDefault() を呼ぶ。