3/1-1

UseState

コンポーネントの状態を表すStateを扱うための機能

手順

1. src/components/コンポーネントでuseStateをimportする
2. useStateを定義する
3. useStateで定義した関数を定義する
4. stateを使う

• src/components/コンポーネントでuseStateをimportする
  • import {useState} from "react";

• useStateを定義する
  • const [count,setCount]=useState(0);

• useStateで定義した関数を定義する
  • 関数を使用する位置で定義する
    • <button onClick={()=>setCount(count+1)}>

• stateを使う
  • タグ内で{count}と書いて使う