Freeいいねボタン

React でいいねボタンを完成させる問題です。押すといいねの数が1増え、その数がすぐに画面に 反映される動作を扱います。サーバーやグローバル状態なしで、単一コンポーネント内の画面状態を 扱います。

いいねボタンは、クリックで値が変わり、その値がすぐ画面に表示されなければならない最も基本的な 操作画面です。React では、画面に見える数字とコードが持つ値がずれないようにそろっていてこそ、 クリックのたびに最新の数字で画面が再描画されます。一度だけでなく、何度押しても画面の値が 合っているかを検証する習慣が重要です。

React でクリックで変わる値はどう画面に反映しますか？

画面に見える値とコードが持つ値がずれないようにそろえ、クリックのたびに最新の数字が見えるようにします。その値が変わると React が最新の数字で画面を再描画します。

いいねボタンの動作はどう検証しますか？

初期値が表示されるか、押すと画面の値が1増えるか、何度押しても値が合い続けるかを併せて確認します。

この問題でサーバー保存は必要ですか？

必要ありません。単一コンポーネント内で画面状態だけを扱います。サーバー保存・楽観的更新・デバウンスは範囲外です。