18得票3回答
使用SWR中的mutate重新验证数据 - 我应该使用哪一个?

我的应用程序中,每当用户创建新相册时,POST请求的响应会返回更新后的相册列表。 为了提供更好的用户体验,我希望用户在不刷新页面的情况下就可以在应用程序中查看新内容。 我知道SWR的mutate存在,但到目前为止,我还不能使其工作。 我尝试在我的hook中设置1000毫秒的refresh...

16得票2回答
如何在不重新验证的情况下从useSWR中推导出“加载”?

有人问了我一个关于 SWR 的“加载”状态的问题: 如何在不同的 URL 获取之间从 SWR 创建加载状态? 他们的文档 让它看起来很简单: const { data, error } = useSWR(`/api/user/${id}`, fetcher) const isLoad...

15得票1回答
在SWR的fetch请求中使用Next.js动态路由查询对象

使用Next.js动态路由时,我正试图使用路由查询对象进行SWR获取请求,但我的SWR获取请求在查询对象设置之前被调用。 考虑动态路由/posts/[id],页面为/posts/123。import { useRouter } from 'next/router'; import useSWR...

12得票2回答
如何防止react-query在初始时获取数据但允许重新获取?

我正在使用 react-query v3.13 从API获取数据。 我想做的是定期从某个时间点(例如,点击开始按钮时)获取API,而不是从调用 useQuery 的时间开始。 我尝试了以下方式。 - 将enabled属性设置为false以禁用自动查询,但这也会禁用重新获取。 我找不到重新启...

12得票1回答
在使用SWR发起请求时遇到了typescript问题

我想知道下面传递给我的函数的参数的类型是什么const fetcher = async (...args) => { ~_ 0 const res = await fetch(...args); ...

11得票3回答
使用SWR多次获取数据以填充数组

我在React中有一个组件需要一个用户数组。我能够使用useUwr一次获取一个单独的用户,例如: export function Hello(id: number) { const { data } = useSWR('/api/user/{id}', fetcher) retur...

11得票3回答
防止 useSWR 在 mutate() 调用之前获取数据

我有一个React应用程序,它使用SWR + Axios进行数据获取(https://swr.vercel.app/docs/data-fetching)。问题在于,我的自定义hook使用useSwr时,每当初始化钩子时都会获取所有数据。我的目标是仅在调用mutate时获取数据。目前即使没有调...

11得票3回答
使用SWR和Redux一起是否正确或是良好的实践?

我正在使用SWR。 在我的代码中,我将两者结合使用,如下所示。 const vehiclesStates = useSelector(({ vehiclesStates: state }) => state); // REDUX const response = useFetch("...

11得票3回答
React SWR - 如何知道更新(变异)正在运行?

我主要使用SWR获取数据,但是我遇到了需要更新数据的情况。问题在于,我需要一个指示器来表明这个请求正在进行中,类似于isLoading标志。文档中建议使用如下代码: const isLoading = !data && !error; 当然,在更新(变异)data时,数据...

10得票1回答
如何使用 SWR 编写测试

当用户在搜索输入框中输入文本时,需要删除 data-testid='loading' 的数据,如果不删除会在控制台上返回 Unable to find an element by: [data-testid="loading"]。 请问有人可以建议我如何使用 SWR 进行测试或者如何模拟来自 ...