問題一覧に戻る
初級状態管理
問題19: useStateの基本

useStateフックを使ってコンポーネントに状態を追加する方法を学びます。stateの宣言、参照、更新の基本を理解しましょう。

// useStateフックをインポート
import React, {  } from 'react';

function Counter() {
  // state変数を宣言
  const [, ] = (0);

  // stateを更新する関数
  const increment = () => {
    (count + 1);
  };

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

export default Counter;
···