使用 useEffect hook React 向后端发出无休止的请求答案

【问题标题】：endless request to back-end using useEffect hook React使用 useEffect hook React 向后端发出无休止的请求
【发布时间】：2022-07-06 23:15:33
【问题描述】：

我有一个问题，我正在尝试向我的后端发出请求，因此当我的组件加载时，它可以从它接收一些数据以呈现问题是应用程序进入无限循环的请求，这使得我的风扇转得厉害，有什么解决办法吗？

  useEffect(() => {
    Axios.post("http://localhost:3005/people", {UUID}).then((response) => {
        const peopleArray = [];
        for (let key in response.data) {
          peopleArray.push({ ...response.data[key] });
        }
        setPeople(peopleArray);
      });
  });

【问题讨论】：

标签： javascript node.js reactjs axios

【解决方案1】：

您需要向 useEffect 添加一个空的依赖数组，以仅在已安装的组件上运行。由于没有依赖数组，它将在每次渲染时运行，这将导致无限循环。

      useEffect(() => {
    Axios.post("http://localhost:3005/people", {UUID}).then((response) => {
        const peopleArray = [];
        for (let key in response.data) {
          peopleArray.push({ ...response.data[key] });
        }
        setPeople(peopleArray);
      });
  }, []);

【讨论】：