React-Query useQueries 钩子并行运行 useInfiniteQuery 钩子答案

【问题标题】：React-Query useQueries hook to run useInfiniteQuery hooks in parallelReact-Query useQueries 钩子并行运行 useInfiniteQuery 钩子
【发布时间】：2022-11-09 21:51:08
【问题描述】：

我是 React-Query 的新手，但我无法找到以下问题的示例：

是否可以在useQueries 中使用useInfiniteQuery？

我可以从GitHub 上的并行查询文档中看到，设置普通查询的映射相当容易。

提供的示例：

function App({ users }) {
  const userQueries = useQueries({
    queries: users.map(user => {
      return {
        queryKey: ['user', user.id],
        queryFn: () => fetchUserById(user.id),
      }
    })
  })
}

如果我有如下的无限查询，我将如何提供单独的查询选项，特别是页面参数？：

  const ids: string[] = ['a', 'b', 'c'];

  const useGetDetailsById = () => {
    return useInfiniteQuery<GetDetailsByIdResponse, AxiosError>(
      ['getDetailsById', id],
      async ({ pageParam = '' }) => {
        const { data } = await getDetailsById(
          id, // I want to run queries for `id` in _parallel_
          pageParam
        );
        return data;
      },
      {
        getNextPageParam: (lastPage: GetDetailsByIdResponse) =>
          lastPage.nextPageToken,
        retry: false,
      }
    );
  };

【问题讨论】：

标签： react-query

【解决方案1】：

不，恐怕目前没有useInfiniteQueries 这样的东西。

【讨论】：