165得票11回答
React-Query:当按钮被点击时如何使用 useQuery

我刚接触这个react-query库。 我知道当我想要获取数据时,使用这个库可以像这样操作:const fetchData = async()=>{...} // it starts fetching data from backend with this line of code ...

69得票13回答
错误:未设置QueryClient,请使用QueryClientProvider来设置一个。

我正在尝试 React Query,这是我的 React 应用程序开头出现的。 import React from 'react' import { useQuery } from "react-query"; const fetchPanets = async () =&gt...

60得票9回答
React Query 和 Redux 的主要区别是什么?

我目前在不同的项目中使用redux进行状态管理。几天前,我听说了react-query,它也用于状态管理并提供缓存和异步获取功能。我正在尝试弄清这两个库之间的主要区别。 在哪些情况下应该使用react-query,以及何时需要使用redux。

53得票2回答
使用React-Query钩子有条件地调用API

我正在使用 react-query 进行 API 调用,在这个问题中,我只想在满足特定条件时调用 API。我有一个输入框,用户可以输入搜索查询。当输入值改变时,会使用输入内容作为搜索查询调用搜索服务器……但仅当输入值大于 3 个字符时才这么做。在我的 React 组件中,我正在调用:const...

38得票3回答
什么是tanstack/react-query和react-query之间的区别?

因为这些库在npm上有不同大小的名称可以下载。在哪些情况下我们必须下载tanstack react query,以及哪些情况下需要下载react-query。

34得票2回答
React-Query中的staleTime和cacheTime是什么?

我已经阅读了React Query的文档,但是我不明白如何使用staleTime和cacheTime进行数据缓存。 我想在第一次调用API后将数据存储在缓存中2分钟。无论组件是否挂载或卸载,在获取数据后的前2分钟内,我都不希望再次调用API。 我尝试使用以下代码,但仅使用staleTime时不...

32得票2回答
如何有条件地调用 useQuery hook?

由于Hooks规则的限制,我们不应该有条件地调用Hooks。那么如何使用useQuery有条件地获取数据呢?例如,假设我想在函数组件中获取数据,但仅在someState === someValue时才获取数据?也就是说,我想避免在任何条件之前调用useQuery(),因为在这些时间获取数据没有...

26得票15回答
无效的查询不起作用 [React-Query]

每当用户按下“喜欢”按钮以刷新所有查询,我都试图使查询无效化,但尽管遵循文档,到目前为止仍未成功。 我有一个获取数据的组件: const { data: resultsEnCours, isLoading, isError, } = useQueryGetEven...

26得票2回答
如何正确地向使用 Axios 的 React-query useQuery 方法传递参数

我目前正在构建一个使用React作为前端,Ruby on Rails Webpacker应用程序。 我已经到了创建所有必要的调用发送到Rails API所需的查询的阶段,我松散地遵循了这个教程https://www.youtube.com/watch?v=0bKc_ch6MZY (https:...

25得票3回答
react-query:仅在状态变量更改时重新获取查询

我有一个选择选项菜单。因此,当用户选择一个选项时,我希望发送一个GET请求到服务器,并从服务器接收过滤后的数据。 可以使用useEffect(() => {// 发送请求}, [criteria])实现这一点 因为,useEffect确保只有在setCriteria完成后才会将请求发送到服务器...