React Hooks再復習

• useState

import React,{useState} from "react";
const [open,setOpen] = useState(fales);

<button onClick={() => setOpen(!open)} />

• useEffect
  • useEffect()内にcallback関数を記述
  • callbackはrenderごとに呼ばれる
  • returnするcallback関数はアンマウント時に呼ばれる(クリーンナップ)
  • 第2引数の配列内の値をbefore renderとnow renderで比較(変更があればcallback関数を実行)
  • 第2引数に空の配列を渡すと、最初の1回(マウント時)のみ実行される