React Useeffect - 在浏览器中连续运行

Question

我是新来的反应。我有一个 GET api 。首先我将加载 UseEffect。 每当我调用我的浏览器时，都会显示 api 正在无限运行。 我通过提供错误的函数在 useEffect 依赖项中做了一些事情。但我不知道如何阻止它。添加了下面的截图

如何解决这个问题。预先感谢

Answer 1

每次

fetchData

更改时都会运行该效果。每次

fetchData

发生变化时，对

loadData

的引用也会发生变化。因此，每次

loadData

变化（连续）时都会运行效果。

要修复此问题，请将所有内容放入效果中，使其仅在安装时运行一次：

useEffect(() => {
  const fetchData = async () => {
    // your function
  }
  fetchData();
},[])