サインアップフォーム

React で名前とメールアドレスを入力するサインアップフォームを完成させる問題です。 入力すると入力欄にそのまま表示され、送信すると入力値で "Hello, {name}" のあいさつが 表示される動作を扱います。サーバー送信なしで、単一コンポーネント内の入力値と画面を扱います。

フォームは、ユーザーが入力した値が画面にそのまま表示され、その値を使って次の動作(送信 など)へつなぐ画面です。この問題は、入力欄が自分の値をどう反映・更新するか、そして送信時に その値をどう読み取って使うかを扱います。React で入力値を扱う方法は、画面に見える値と コードが持つ値をどうつなぐかによって変わります。入力・送信の流れを実際に操作し、画面に 期待した値が表示されるかを検証する習慣が重要です。

React でフォームの入力値はどう扱いますか？

入力欄に見える値と、コードが持つ値をつないで扱います。この問題は、入力すると入力欄にそのまま表示され、送信するとその値を読み取ってあいさつを表示する流れを完成させることです。

フォームの動作はどう検証しますか？

ユーザーが入力する流れをまねて入力欄に値が表示されるか確認し、送信後にその値であいさつが画面に表示されるかも併せて確認します。

この問題でサーバー送信は必要ですか？

必要ありません。単一コンポーネント内で入力と送信だけを扱います。サーバー送信・バリデーションメッセージ・パスワード入力は範囲外です。