如何减慢React应用程序中的Axios获取速率？

Question

我目前面临一个问题，即我过快地向第三方 API 发出过多请求，超出了 API 的请求限制率并导致 409 错误状态代码。我的目标是每 5 秒重复向 API 发出请求（API 的速率限制为每秒 1 个请求），但现在看来我的程序正在不间断地重复发出不间断请求。

我尝试将调用 Axios.get 的函数 (getCooperatives()) 包装在 setInterval() 方法中，间隔长度为 5 秒，但似乎完全没有效果；我仍然不停地请求，每次都以 409 结束。我是不是把东西放错地方了？

Answer 1

您需要添加一个空数组作为 useEffect 的第二个参数

    useEffect(() => { 
      setInterval(() => {
        getCoordinates()
      }, 5000)  
    }, [])