問題一覧に戻る
中級副作用
問題36: useEffectの基本

副作用の処理を学びます。コンポーネントのレンダリング後に実行される処理を理解しましょう。

import React, { useState,  } from 'react';

function Timer() {
  const [count, setCount] = useState(0);

  // 副作用フック
  ( => {
    console.log(`現在: ${count}`);
  });

  return (
    <div>
      <p>カウント: {count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
}

export default Timer;
···