使用 NextJS 和 SWR 库调用多个端点

如何解决使用 NextJS 和 SWR 库调用多个端点

我在 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>;