第3章: React Hooks

3-1. useState（状態管理）

useStateを使って状態を管理する方法を学びます

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


# 課題
ボタンをクリックするたびにカウントが増えるカウンターを作成してください。

useStateを使って状態を管理しましょう。

import { useState } from 'react';

export default function App() {
  // ここにuseStateを使ってcountステートを定義してください
  
  return (
    <div>
      <p>カウント: {/* ここにcountを表示 */}</p>
      <button onClick={() => {/* ここにカウントを増やす処理 */}}>
        カウントアップ
      </button>
    </div>
  );
}

Open Sandbox

← 前のレッスン: 2-3. JSXの書き方

次のレッスン: 3-2. useEffect（副作用処理） →