反應如何使用 setInterval 與 useEfecct 和 axios 請求

Question

我必須在哪里使用 setInterval 來獲取每一秒？ 當我嘗試它時，我收到此錯誤 Uncaught SyntaxError: Unexpected identifier

  useEffect(() => {
    const getHistory = async () => {
      const res = await axios.get('/api/payment', {
        headers: { Authorization: token },
      });
      setHistory(res.data);
    };
    getHistory();
  }, [token, delivered]);

Answer 1

您可以為此使用swr ，並且不僅可以從內置的間隔重新驗證中受益，還可以從緩存和重復數據刪除中受益。

import useSWR from 'swr'

// You can use axios if you want
const fetcher = (...args) => fetch(...args).then(res => res.json())

const { data, error } = useSWR('/api/payment', fetcher, { refreshInterval: 1000 })

if (error) return <div>failed to load</div>
if (!data) return <div>loading...</div>
return <div>Look at all this data: {data.someProperty}</div>