More than 1 year has passed since last update.

初心者から見たuseEffectがわからなさすぎたので、絵に描いてみた。

Posted at 2022-11-23

初心者から見たuseEffect

useEffect(() => {
        実行する関数
    return () => {
       コンポーネントが消える時に実行 
    };
},[])

なぜ、リターンがあるかというと、コンポーネントが消えても関数が後ろでずっと実行され続けるというのを防ぐため、掃除できるようになっているんだそうな。

useEffect(() => {
        エサがある（またはエサが更新されるたび）実行する関数
    return () => {
       新しいエサを食べる前に実行 
    };
},[エサ])

エラいエンジニアでも、
useEffectで他人が書いたのも読みにくいし、
（コメントつけて書いてほしいと言っていた）
初心者には理解しづらいと思うよ〜〜と言われた。

ちなみにuseSstateさんとは関係ないが、全く関係がないとは言い切れない仲らしい。
（初心者から見ると、よく中でsetしているように見える）