问题标签 [swr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
276 浏览

reactjs - 'suppressHydrationWarning'为null的swr错误如何处理swr的空数据

我将 next.js 与 swr 一起使用,我的代码是:

错误是:

我认为这是我的请求将发送 null 作为响应,因为人们不会在加载时初始化用户名。

有没有办法处理 swr 钩子的空输入?

0 投票
1 回答
929 浏览

reactjs - Next.js SWR 从缓存中访问数据

我在从缓存中访问数据时遇到问题。我有我的仪表板组件。在这里获取数据是可以的,我可以访问它。

当我尝试在其他组件中访问此数据时,问题就开始了。

导航栏组件中的数据未定义。为什么这不起作用?整个应用程序被包装到 SWR 提供程序中。

0 投票
1 回答
724 浏览

reactjs - 反应 SWR 获取未定义

您好我正在尝试使用 apiKey 从 API 获取数据。但是得到未定义

如果我试图console.log(data)总是不确定。但是奇怪的是,如果我会在之后 使用console.log()inside of并且会做一些 我得到我需要的东西。难道我做错了什么 ?fetchTest().then((responseData)=> responseData).then((response) => response.json()).then((responseData)= console.log(responseData))

0 投票
1 回答
3671 浏览

javascript - 向 SWR 发出请求时出现打字稿问题

我想知道传递给我下面的函数的这个参数的类型是什么

这是我的 SWR 提取器功能,这是我得到的错误

SWR 挂钩

0 投票
1 回答
243 浏览

reactjs - 乐观的 UI(react、swr、immer)

我希望对乐观 ui 模式的“我的”实现进行简短的代码审查。我正在使用 SWR、immer 和定制的 fetch 挂钩来完成大部分繁重的工作。但是,我不确定这是否确实是这样做的方法。尤其是在为乐观生成的项目分配临时 ID 时。我不应该在某个地方清除它吗?会不会引起问题?

谢谢!

0 投票
3 回答
12370 浏览

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

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

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

我知道 SWR 变异的存在,但到目前为止,我无法让它工作。

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

SWR 挂钩

函数内部createAlbum

我很乐意得到一些反馈。

0 投票
1 回答
1525 浏览

reactjs - socket.io vs swr 用于更新实时内容

我目前正在使用 next.js 构建一个 Web 应用程序,它需要跨设备进行实时更新,例如,如果有人加入一个组,则需要立即为该组的所有现有成员显示。

目前,我最初是在页面加载时为用户获取数据,并在必要时使用 socket.io 更新内容。但是,我刚刚发现了 SWR 框架,它会在请求正文发生变化时自动更新内容。

我的问题是:我是坚持目前的方法还是使用 SWR 挂钩更好?目前,页面加载时正在获取相当多的数据,例如组、设置等,但是如果我使用多个 SWR 挂钩分别获取组、设置等会更有效吗?

0 投票
1 回答
4343 浏览

reactjs - 如何通过 SWR 挂钩使用存储在缓存中的数据,以及如何使 SWR 仅获取一次

由于 useEffect 挂钩,我有一个组件可以在挂载时获取数据。我希望它不在挂载时重新获取数据,而是在我重新导航到该组件时使用 useSwr 挂钩提供的“缓存”数据。我不知道该怎么做。我读到的是你可以这样调用 swr :

它会为您提供前一个 swr 调用存储在缓存中的数据。

另外,另一方面,我希望我的 SWR 挂钩不要一直尝试重新获取数据,就像它实际上正在做的那样。我尝试的是在我的 fetcher 函数之后传递选项,就像在这篇文章SWR 选项解释中规定的那样。实际上,我的组件正在尝试每 5-10 秒重新获取数据,但由于我的“已安装”条件导致“空”路由(这是根据文档推荐的方法)而失败。它仍然发送带有响应 404 的请求,我想避免这种情况。

0 投票
3 回答
1269 浏览

reactjs - 在 SWR 上禁用预取

我正在尝试为我的数据获取实现 swr 库。我曾经使用普通的 axios 和我创建的一些自定义钩子。我遇到的问题是,出于某种原因,swr 在设置默认 axios 标头之前触发了 get 请求,因此在发送标识我的应用程序帐户所需的标头时丢失了。我的猜测是它与 SWR 的预取功能有关,但这只是一个疯狂的猜测,不知道如何防止这种情况发生。

0 投票
2 回答
527 浏览

reactjs - next.js swr 我不想只在初始绘图时执行它

开发环境
· next.js
· typescript
· swr

它使用 swr 与 swr 通信。
我只想在查询的值更改时运行它。
但也在初始绘图期间执行。
我能做些什么来防止它在初始绘图期间运行?