默认查询函数

如果你发现自己出于某种原因希望可以为整个应用程序共享相同的查询函数，并且只使用查询键来确定它应该获取什么，你可以通过为 TanStack Query提供默认查询函数来实现：

const *defaultQueryFn* = async ({ *queryKey* }) => {
  const { *data* } = await axios.get(`https://jsonplaceholder.typicode.com${*queryKey*}`);
  return *data*;
};

const *queryClient* = new QueryClient({
  defaultOptions: {
    queries: {
      queryFn: *defaultQueryFn
    }
  }
});

function App() {
  return (
    <QueryClientProvider client={*queryClient*}>
      <YourApp />
    </QueryClientProvider>
  );
}

function Posts() {
  const { *status*, *data* } = useQuery({ queryKey: ['/posts'] });
  return undefined
}

function Post({ *postId* }) {
  const { *status* } = useQuery({
    queryKey: [`/posts/${*postId*}}`],
    enabled: !!*postId
  });
}