【问题标题】:How to add autorefecting in reactQuery?如何在反应查询中添加自动反射?
【发布时间】:2022-01-13 07:23:40
【问题描述】:

您好,我正在使用 graphql API,我需要在间隔(例如 3 秒)后自动重新获取数据。我正在使用 reactQuery 并尝试了一些类似 setInterval 的技巧,但它不能正常工作。

const { data, isLoading } = useQuery(['get_trnx_logs', quoteTokenAddress], () => {
  return bitqueryService.getTokenPairTranxLogs(quoteTokenAddress)
})

const feedData = data?.ethereum.dexTrades
? settingTranxLogData(quoteTokenAddress, data.ethereum.dexTrades)
: [] 

请帮我解决这个问题,或者 Ajax 也有办法做到这一点?

【问题讨论】:

  • 你好,你可以参考这个文档,react-query.tanstack.com/reference/useQuery我认为如果你想进行间隔获取,你必须使用“refetchInterval”选项
  • @WesleyLoh 我已经尝试过了,但是 IDK 为什么它不起作用
  • react-query 是否没有重新获取(您可以检查 dev-tools 网络选项卡进行观察)或者它是,但数据没有开始更新?
  • @WesleyLoh 是的,数据没有更新
  • 你可以看看这个 stackblitz stackblitz.com/edit/react-j5jmfk ,你有什么遗漏的吗?

标签: javascript reactjs react-query


【解决方案1】:

react-query 支持 refetchInterval 选项:

useQuery(key, fn, { refetchInterval: 5000 })

每 5 秒重新获取一次。

【讨论】:

    猜你喜欢
    • 2020-09-26
    • 1970-01-01
    • 2016-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多