Reactの無限ループ

Reactの無限ループ

大事には至ったことはないですが、何度も遭遇しているのでケースをまとめる。
axiosとか使ってクラウド破産とかするの怖い。

  • useEffectを使わない
  • useEffectの第二引数を指定しない
  • useEffectの第二引数の配列に設定したstateが間違っていた

現状はざっくり、
第二引数に空配列を指定すれば、無限ループにはならないかなという理解。

こちらによると、コンポーネントのマウント時、
アンマウント時のみuseEffect実行なら空配列との事。

こちらも読んでみると第二引数が変化した時に実行される、
stateの更新←→useEffectの実行が繰り返される条件下で起こることみたいだ。

なんとなくわかったかもしれない。
ちゃんと第二引数で条件を指定しないとなあと思った。