reactjs - 满足条件时，如何停止在 refetchInterval 上运行的 react 查询 useQuery？

Question

我需要继续获取数据直到满足条件
我可以使用下面的代码段在一个时间间隔内设置提取，但我不知道如何停止 fetchData需要的时候。这可能吗？

const { status: answersStatus, data: answers } = useQuery(
                           ['fetchData', { context, activity, stage, country }], 
                           fetchData,
                           {refetchInterval: 2000});

Answer 1

使用本地状态:

const [refetchInterval, setRefetchInterval] = React.useState(2000)
const { status: answersStatus, data: answers } = useQuery(
    ['fetchData', { context, activity, stage, country }], 
    fetchData,
    {refetchInterval});

您可以设置 refetchInterval至 false或 0将其关闭。如果你想根据响应来做， onSuccess , onError或 onSettled回调可能是最好的地方:

const [refetchInterval, setRefetchInterval] = React.useState(2000)
const { status: answersStatus, data: answers } = useQuery(
    ['fetchData', { context, activity, stage, country }], 
    fetchData,
    {
        refetchInterval,
        onError: () => setRefetchInterval(0)
    });