问题描述
我在 NextJS 项目中使用 SWR 库,目前我正在构建一个仪表板。我想点击多个端点以获取不同的数据,但我找不到使用 SWR 多次调用端点的任何参考。
我使用的语法如下;
const { data,error } = useSWR('/api/users',fetcher);
if (error) return <div>Failed to load</div>
const { data,error } = useSWR('/api/balloons',fetcher);
if (error) return <div>Failed to load</div>
如果我使用上面的代码,它会出错说 data
已经被定义,但是如果我在每次尝试中将 data
更改为唯一的东西,它根本不起作用。
解决方法
您可以重命名解构的值。
尝试以下操作:
const { data: users,error: userError } = useSWR("/api/users",userFetcher);
const { data: baloons,error: ballonError } = useSWR("/api/balloons",balloonsFetcher);
if (error) return <div>Failed to load</div>;
if (error) return <div>Failed to load</div>;