fetchPolicy选项：“ no-cache”在useQuery中不起作用

Question

这是我的代码

const { loading, error, data } = useQuery(HeaderPage.query, {
    fetchPolicy: "no-cache"
  });

当我使用fetchPolicy时：“无缓存”。重复的请求不会继续。

为什么只有一次提出请求？

Answer 1

使用useQuery挂钩时，在组件装入时将提取您提供的查询。是从服务器获取还是从缓存中获取将取决于您的缓存策略（以及缓存中是否包含任何内容）。最初获取查询后，只有在1）传递给挂钩的选项更改或2）调用挂钩返回的refetch函数时，才会再次获取查询。不会因为组件重新渲染而再次触发该查询-这将导致过多的请求和无限的渲染循环。