numb_86 https://blog.hatena.ne.jp/numb_86/ 30歳からのプログラミング https://numb86-tech.hatenablog.com/ React 使用している React のバージョンは16.8.4。 レンダー後の処理を指定するための仕組み React Hooks の一つであるuseEffectは、レンダー後に実行したい処理を React に伝えるための仕組み。 useEffect(fn)と記述すると、DOMの更新が終わったあとにfnを実行する。 useEffectはレンダー後に必ず実行される。最初にレンダーした際もそうだし、propsやstateに変更があってレンダーし直した際もそう。そこに区別はない。 以下の例では、このコンポーネントが表示された際にeffect!というログが流れる。 そしてボタンを押下した際にも、その都度effec… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnumb86-tech.hatenablog.com%2Fentry%2F2019%2F03%2F21%2F182159" title="useEffect の概要と async function を使う際の注意点 - 30歳からのプログラミング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/16709943/1552392850810796 Hatena Blog https://hatena.blog 2019-03-21 18:21:59 rich https://numb86-tech.hatenablog.com/entry/2019/03/21/182159 1.0 100%