Reactひと言メモ(hook)

hookとは

クラスコンポーネントでしか扱えなかったライフサイクル(useEffect)、状態管理(useState)を関数コンポーネントでも扱えるようにしたもの。

useContextもあるよ(Redux使わないときに使うかも)

インポートの仕方

import React , {useEffect, useState} from 'react'

useState

//以下のような1行で設定できる。
const [変数名, 関数名] = useState(初期値)

const [abc, setabc] = useState("")
//ステートabcに文字列aaaをセットできる。
setabc("aaa")

useEffect

useEffect(() => {
    //ここに処理
},[依存値])