相关疑难解决方法(0)

在 SWR 中使用 mutate 重新验证数据 - 我应该使用哪个?

在我的应用程序中,每次用户创建新专辑时,发布请求响应都会以更新的专辑列表列表进行响应。

为了提供更好的用户体验,我希望用户无需刷新页面即可看到应用中的新内容。

我知道 SWR 的 mutate 的存在,但到目前为止,我无法让它发挥作用。

我试图refreshInterval在我的钩子中设置一个 1000 毫秒,但我想知道如何通过使用 mutate 来做到这一点。这是我尝试过的:

驻波钩

const fetcher = async (url: string, param: string) => {
    const res = await fetch(url + param);
    
   return res.json();
};


const { data, error } = useSWR(
 ["/api/albums/list?id=", appUser.id],
  (url, params) => fetcher(url, params)
);

Run Code Online (Sandbox Code Playgroud)

createAlbum函数内部:

const data = await response.json();

mutate("/api/albums/list", data.newAlbums, false);
Run Code Online (Sandbox Code Playgroud)

我很乐意得到一些反馈。

javascript typescript reactjs next.js swr

5
推荐指数
1
解决办法
6811
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1

swr ×1

typescript ×1