我想用 React 每 10 秒刷新一次 api 部分 [重复]答案

【问题标题】：I want to refresh the api section every 10 secondes with React [duplicate]我想用 React 每 10 秒刷新一次 api 部分 [重复]
【发布时间】：2021-09-21 16:26:00
【问题描述】：

我想重复这个动作并每 10 秒重新渲染一次。有人可以帮我吗？

   useEffect(() => {
  const fetchData = async () => {
    setIsLoading(true)
    const response = await coinGecko.get("/coins/markets", {
      params: {
        vs_currency: "usd",
        ids: watchList.join(","),
      }
    })
    setCoins(response.data)
    setIsLoading(false)
  }

  fetchData()
},[])

【问题讨论】：

欢迎您！同样的问题（有解决方案）在这里：stackoverflow.com/questions/65843705/…
在你的钩子中使用setInterval - 关于如何做到这一点的许多资源。你甚至可以制作一个自定义的useInterval 钩子。

标签： javascript reactjs coingecko

【解决方案1】：

定义一个状态： const [repeater,setRepeater]=useState(0) 在您的 useEffect 中将其作为第二个参数传递，因此无论何时更改，您的 useEffect 都会再次运行。现在让我们用这段代码来处理 10 秒的时间间隔： setTimeout(() => setRepeater(prevState=>prevState+1), 100000); 最后像 tis 一样实现它：

   useEffect(() => {
  const fetchData = async () => {
    setIsLoading(true)
    const response = await coinGecko.get("/coins/markets", {
      params: {
        vs_currency: "usd",
        ids: watchList.join(","),
      }
    })
    setCoins(response.data)
    setIsLoading(false)
  }

  fetchData()
  setTimeout(() => setRepeater(prevState=>prevState+1), 100000);
},[repeater])

【讨论】：

非常感谢！它帮助我了解它是如何工作的。谢谢。