重新获取或失效后查询永远不会停止获取

Question

第一次获取有效，重置查询也是如此。数据随即是新鲜的，然后在 5 秒后变得陈旧。

但是，我想在应用突变后重新获取或使查询无效，但每当我这样做时，数据都会不断重新获取并且永远不会返回： DevTools scr 显示刚刚重新获取的数据

与我直接使用 DevTools 时相同。

我的 useQuery 挂钩：

export const useFetchCandidates = (id: string) => {
    
    return useQuery<Entry<IKandidatFields>[], Error>(
        'candidates',
        async () => {
            const res = await getCandidates(id)
            return res
        },
        {
            staleTime: 5000,
            cacheTime: 10,
        }
    )
}

使用挂钩访问数据：

const {
        data: candidates,
    }: UseQueryResult<Entry<IKandidatFields>[], Error> = useFetchCandidates(id!)

突变：

const mutation = useMutation(
        () =>
            sendCandidateToNextStage(candidateID, utlysning).then(() =>
                getCandidates(id!)
            ),
        {
            onMutate: () => {
                queryClient.cancelQueries(['candidates', id])
            },
            onSettled: () => {
                queryClient.resetQueries(['candidates', id])
            },
        }
    )

Answer 1

这是通过使用 get axios 请求而不是直接利用 cms 客户端解决的...仍然不知道为什么当它们都返回相同的对象时，一个而不是另一个起作用。

当使用内容丰富的 API 客户端时：

export async function getCandidates(
    id: string
): Promise<Entry<IKandidatFields>[]> {
    const res = await client
        .getEntries<IKandidatFields>({
            content_type: 'kandidat',
        })

    return res
}

它不断地获取并且从未工作。

然而，当使用 axios 请求作为

export const getCandidatesFromAPI = async (id: string) => {
    const { data } = await axios.get(
        `https://cdn.contentful.com/spaces/${spaceID}/environments/${environmentId}/entries?access_token=${accessToken}&content_type=${contentTypeKandidat}`
    )
    return data
}

突变函数时，一切都运行良好。