useEffect 初回レンダリングで走るな!!! - Qiita

useEffectって初回に走るんですよ、 これが面倒で面倒で.... かつてのcomponentWillmountやらcomponentDidUpdateやらを使ったclassコンポーネントを functionコンポーネントに置き換えようとすると悲劇が起こりやすいです。。（今朝の話） デモンストレーション import React, { useEffect, useState } from "react"; export default function App() { const [count, setCount] = useState(0); useEffect(() => { console.log("初回だけ走るよ〜"); }, []); useEffect(() => { console.log("カウントが押されたとき走るよ〜"); }, [count]); return (