NextJS和react-query

Question

​

​

正如您在这里看到的，我使用了useQuery()，但我只想让它获取一次。不确定是NextJS问题还是react-query问题。

Answer 1

没有代码是很难评估的，但这对我来说在NextJS中很好用。问题可能出在调用useQuery钩子的位置

function App (){
  const { loading, error, data: { listCourses: courses } = {} } = useQuery(
    listCourses(),
    {
      variables: { type: "online" },
    }
  );

  return (
    <Layout>
      {something}
    </Layout>
  );
};

Answer 2

react-query不进行开箱即用的查询重试。请参阅文档here。可以禁用它，将{ retry: false }作为选项传递给useQuery()挂钩。