第3章: React Hooks

3-2. useEffect（副作用処理）

useEffectを使ってコンポーネントのライフサイクルを扱います

📚 このレッスンの理論を学びたい方はこちら：


# 課題
カウントが変更されるたびに、ブラウザのタイトル（document.title）を更新してください。

useEffectを使って実装しましょう。

import { useState, useEffect } from 'react';

export default function App() {
  const [count, setCount] = useState(0);
  
  // ここにuseEffectを使ってdocument.titleを更新してください
  
  return (
    <div>
      <p>カウント: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        カウントアップ
      </button>
    </div>
  );
}

Open Sandbox

← 前のレッスン: 3-1. useState（状態管理）

次のレッスン: 3-3. useMemo（メモ化） →