默认的查询函数 Default Query Fn

1// 定义一个参数为查询键值的默认查询函数2const defaultQueryFn = async ({ queryKey }) => {3  const { data } = await axios.get(4    `https://jsonplaceholder.typicode.com${queryKey[0]}`5  );6  return data;7};8 9// 使用 defaultOptions 向你的应用提供默认查询函数10const queryClient = new QueryClient({11  defaultOptions: {12    queries: {13      queryFn: defaultQueryFn,14    },15  },16});17 18function App() {19  return (20    <QueryClientProvider client={queryClient}>21      <YourApp />22    </QueryClientProvider>23  );24}25 26// 现在，只需要传入一个键值就行了!27function Posts() {28  const { status, data, error, isFetching } = useQuery({29    queryKey: ["/posts"],30  });31 32  // ...33}34 35// 你也可以传入一些参数36function Post({ postId }) {37  const { status, data, error, isFetching } = useQuery({38    queryKey: [`/posts/${postId}`],39    enabled: !!postId,40  });41 42  // ...43}