useEffectの中で非同期関数を呼ぶ

useEffectの中で非同期関数を呼ぶ

再描画ごとにuseEffect内の非同期関数を呼ぶ場合に

前回の非同期関数の実行が終わる前に、再描画されると、値がおかしくなってしまう

そこでclean upを使うことで対策をする

code:ts

useEffect(() => {

const f = async () => {

await new Promise(r => setTimeout(r, 1000));

console.log('side effect!');

};

f();

}, []);

メモリリークを避ける