More than 3 years have passed since last update.

Reactひと言メモ(hook)

Last updated at 2020-10-23Posted at 2020-10-23

#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(() => {
    //ここに処理
},[依存値])