React useEffect メモリーリーク防止 Tip

React Hooks登場で、クラス型コンポーネントでLifeCycle関数で処理していた部分を関数型コンポーネントでもuseEffectを使って処理できるようになりました。 useEffectを使う時、何気に使うとメモリーリークが発生する場合があります。今回はこの問題を防ぐためのTipを紹介したいと思います。 問題状況 普通、useEffectは以下のように使います。 import { useState, useEffect } from 'react' export default function App() { const [post, setPost] = useState(null) useEffect(() => { const fetchPost = async () => { const res = await fetch("https://jsonplaceholder