如何使用 SWR 发送头部信息
我试图使用SWR和Axios发送头信息，但是头信息没有被发送。 const fetcher = (url) => axios .get(url, { headers: { Authorization: "Bearer " + auth.token } }) ...
Socket.IO 和 SWR：更新实时内容的比较
我目前正在使用next.js构建一个web应用程序，需要在多个设备上进行实时更新，例如，如果有人加入了一个群组，所有现有成员都需要立即看到这个变化。 目前，我在页面加载时首先获取用户的数据，并使用socket.io在必要时更新内容。然而，我刚刚发现了SWR框架，它可以在请求体中发生更改时自动...
如何在 SWR 钩子中使用查询参数进行数据修改？
目前我正在使用SWR进行数据获取，我尝试使用SWR的Mutation功能来重新获取新数据，但当我通过key添加新的查询参数调用mutate()时，出现了问题。 这是我的代码，但它不起作用： import useSWR, { useSWRConfig } from 'swr' functi...
useSWR无法与异步的数据获取函数一起使用。
我正在使用 SWR 获取数据以填充表格。我使用以下代码： const { data: items, error } = useSWR(fetchAllItems.name, fetchAllItems) 获取器函数长这样。 async function fetchAllItems() ...
如何在切换浏览器选项卡时防止组件重新渲染？
在我的Next.js应用程序中，当我切换浏览器选项卡并返回到已经打开应用程序的选项卡时，组件会重新渲染。例如，应用程序在选项卡1中打开，当我切换到选项卡2然后回到选项卡1时。 实际上，我有一个页面，其中显示记录列表，因此当我使用文本匹配进行本地过滤时，它运行良好。但是当我更改选项卡并返回到应...
处理自定义 SWR hook 中的错误
我编写了一个自定义 Hook，使用 SWR 从我的 API 检索数据，同时设置请求的“身份验证”标头。 该 Hook 对于所有成功的请求都有效，但我想能够处理失败的请求（400 状态码）。 我可以通过const res = await fetch(url 的返回结果访问状态码，但如何将错误...
使单元测试等待异步获取的数据填充
我有一个单元测试，其中包括呈现使用useSWR获取数据的组件。 但是数据在调用expect()之前还没有准备好，因此测试失败。 test("StyleOptionDetails contains correct style option number", () => { ren...
使用SWR与依赖请求数据
我正在尝试使用SWR来获取与由自定义hook提供的已登录用户ID相关联的用户列表。 我无法将useSWR放在useCallback，useEffect或if (loggedInAdvisor) { ... }之内... 不知道该如何操作。 export const fetchDetaile...