Reactの無限ループ
大事には至ったことはないですが、何度も遭遇しているのでケースをまとめる。
axiosとか使ってクラウド破産とかするの怖い。
- useEffectを使わない
- useEffectの第二引数を指定しない
- useEffectの第二引数の配列に設定したstateが間違っていた
現状はざっくり、
第二引数に空配列を指定すれば、無限ループにはならないかなという理解。
こちらによると、コンポーネントのマウント時、
アンマウント時のみuseEffect実行なら空配列との事。
こちらも読んでみると第二引数が変化した時に実行される、
stateの更新←→useEffectの実行が繰り返される条件下で起こることみたいだ。
なんとなくわかったかもしれない。
ちゃんと第二引数で条件を指定しないとなあと思った。