相关疑难解决方法(0)

如何使用 React-Query 处理多个查询

我已经开始使用 React-Query,如果我只需要从我的数据库中的单个集合中获取数据,它会非常有效。但是,我正在努力寻找一种查询多个集合以在单个组件中使用的好方法。

一个查询(没问题):

const { isLoading, isError, data, error } = useQuery('stuff', fetchStuff)

if (isLoading) {
     return <span>Loading...</span>
   }
 
   if (isError) {
     return <span>Error: {error.message}</span>
   }
 
   return (
     <ul>
       {data.map(stuff => (
         <li key={stuff.id}>{stuff.title}</li>
       ))}
     </ul>
   )
 }
Run Code Online (Sandbox Code Playgroud)

对不同集合的多个查询 ():

const { isLoading: isLoadingStuff, isError: isErrorStuff, data: stuff, error: errorStuff } = useQuery('stuff', fetchStuff);
const { isLoading: isLoadingThings, isError: isErrorThings, data: Things, error: errorThings } = useQuery('things', fetchThings);
const { isLoading: isLoadingDifferentStuff, isError: isErrorDifferentStuff, data: DifferentStuff, error: errorDifferentStuff } = …
Run Code Online (Sandbox Code Playgroud)

reactjs react-query

7
推荐指数
3
解决办法
3317
查看次数

标签 统计

react-query ×1

reactjs ×1