【React】useState

Contents

Stateの概念とは

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

例

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

import { useState } from "react";

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

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

const [num, setNum] = useState();

//　配列の分割代入なので変数は任意の名前でOK

【JavaScript】分割代入

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

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

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

setNum(1);