時計とクリーンアップ

React設計：useEffectとコンポーネント分割 / 全 6 枚

更新の書き方で変わる

タイマーの中で state をどう更新するかで、増えつづけるか1で止まるかが変わります。

そのままの値を足す

useEffect(() => {
  setInterval(() => {
    setSeconds(seconds + 1);
  }, 1000);
}, []);

更新関数で受け取る

useEffect(() => {
  setInterval(() => {
    setSeconds((s) => s + 1);
  }, 1000);
}, []);

1 / 6

← → キーでも送れます