カウントダウンタイマー

React でカウントダウンタイマーを完成させる問題です。スタートボタンを押すと10から 1秒ごとに1ずつ減り、0で止まる動作を扱います。スタート前は10が表示され、開始値は10で 固定の単一コンポーネントです。

タイマーは、時間が経つにつれて画面の値が自分で変わり、決められた条件(ここでは0)で 止まらなければならない画面です。こうした画面は「開始 → 進行 → 停止」と続くライフサイクル 全体で動作を扱う必要があります。React では時間とともに変わる値を状態として持ち、その値が 変わるたびに画面を再描画します。一度減るだけでなく、開始から0で止まるまでの流れ全体を 検証する習慣が重要です。

React で時間とともに変わる値はどう扱いますか？

時間とともに変わる値をコンポーネントの状態として持ち、値が変わるたびに画面を再描画します。この問題は開始・進行・停止と続くタイマーの流れを完成させることです。

タイマーの動作はどう検証しますか？

スタート前の値(10)、スタート後に1秒ごとに1ずつ減るか、0でそれ以上減らず止まるかを、時間を進めるシナリオで併せて確認します。

この問題で一時停止やリセットは必要ですか？

必要ありません。開始値10で固定の単一カウントダウンだけを扱います。一時停止・リセット・時間の直接入力は範囲外です。