useQueries
useQueries
钩子可用于获取可变数量的查询:
const results = useQueries({
queries: [
{ queryKey: ['post', 1], queryFn: fetchPost, staleTime: Infinity },
{ queryKey: ['post', 2], queryFn: fetchPost, staleTime: Infinity }
]
})
Options(选项)
useQueries
钩子接受一个选项对象,其中包含一个 queries
键,其值是一个数组,数组中的每个元素都是与 useQuery
钩子相同的查询选项对象(不包括 context
选项)。
context?: React.Context<QueryClient | undefined>
- 使用此选项可以使用自定义的 React Query 上下文。否则,将使用默认的上下文(
defaultContext
)。
- 使用此选项可以使用自定义的 React Query 上下文。否则,将使用默认的上下文(
在查询对象数组中多次使用相同的查询键可能会导致一些数据在查询之间共享,例如在使用
placeholderData
和select
时。为了避免这种情况,可以考虑去重查询并将结果映射回所需的结构。
Returns(返回值)
useQueries
钩子返回一个包含所有查询结果的数组。返回的顺序与输入的顺序相同。