万户网站协作管理系统个人网页空间

万户网站协作管理系统,个人网页空间,石家庄科技网站,模板做网站优缺点官方文档#xff1a;基本查询 一、基本参数 import { useQuery } from tanstack/react-queryfunction App() {const info useQuery({ queryKey: [todos], queryFn: fetchTodoList }) }其中 info可以换成好几种参数比如#xff1a; 方式一#xff1a;使用布尔状态#xf…官方文档基本查询一、基本参数import{useQuery}fromtanstack/react-queryfunctionApp(){constinfouseQuery({queryKey:[todos],queryFn:fetchTodoList})}其中 info可以换成好几种参数比如方式一使用布尔状态最常用且清晰functionTodos(){const{isPending,isError,data,error}useQuery({queryKey:[todos],queryFn:fetchTodoList,})// 1. 处理加载中状态if(isPending){returnspanLoading.../span}// 2. **推荐使用 isError** 处理错误状态if(isError){returnspanError:{error.message}/span}// 3. 处理成功状态 (isSuccess 隐含为 true)return(ul{/* ... 渲染数据 */}/ul)}方式二使用status字符串适用于 switch 或 if/else if 结构functionTodos(){const{status,data,error}useQuery({queryKey:[todos],queryFn:fetchTodoList,})if(statuspending){returnspanLoading.../span}// **推荐使用 status error** 处理错误状态if(statuserror){returnspanError:{error.message}/span}// status successreturn(ul{/* ... 渲染数据 */}/ul)}注意error是错误的信息如果有错误的状态是isError或者status来判断二、扩展参数1. retry重试次数2. refetch3. enabled是否查询后面可以用 !!value来指定条件4.staleTime新鲜值5.gcTime: 缓存时间更多查看官网参数