useStateはReactの基本フックです。コンポーネント内の「変化するデータ」を管理します。

import { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // 初期値0

  return (
    <div>
      <p>カウント: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        +1
      </button>
      <button onClick={() => setCount(0)}>
        リセット
      </button>
    </div>
  );
}
⚠️ stateを直接変更してはいけない

count++ は NG。必ず setCount(新しい値) を使う。直接変更するとReactが再レンダリングしません。