【React】useState（デモコンポーネント：続きを読むボタン）

Stateの概念とは

それぞれのコンポーネントが持っている状態です。

useStateの使い方

1）「useState」をインポート

「React」からフック「useState」をインポートします

import { useState } from "react";

→関数「useState();」が使えるようになります

2）useStateの定義

配列の分割代入でうけとります

const [num, setNum] = useState();
//　配列の分割代入なので変数は任意の名前でOK

▼初期値の設定もできます

const [num, setNum] = useState(0);

3）ステートの中身を更新する

2）で定義した変数を使います

setNum(1);

実装例

続きを読むボタン