问题标签 [react-query]

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 投票
1 回答
1387 浏览

axios - 为什么我的反应查询突变总是“成功”?

我正在尝试进行反应查询突变(使用 axios,但如果我切换到 fetch API,我会得到相同的行为)。

我是这样设置的。

URL 可以是任何失败的东西。我已经在我使用的真实 API 上进行了尝试,返回 500 和 404 错误。

我按如下方式触发突变。

每次我在控制台中显示“成功”时。onError处理程序永远不会触发。在 Chrome 的网络选项卡中查看时,调用会返回预期的错误(并显示控制台错误)。

我正在使用 react-query 3.3.6 和 axios 0.21.1(都是最新版本)。

谁能指出我正确的方向?

0 投票
1 回答
232 浏览

reactjs - 迁移到 React 查询 3

我正在尝试键入getMenu(key)函数的参数,它最初是一个字符串,但是在迁移到 3.0 之后,它迫使我将键设为一个QueryFunctionContext<any, any>类型,但我需要一个像以前一样的字符串。有什么想法吗?谢谢!

0 投票
2 回答
2539 浏览

react-query - 如何使用 React-Query 等待某些东西?

到目前为止,我是对查询做出反应并喜欢它的新手。我知道它主要是一个 UI 库。所以它非常适合处理/显示错误、加载状态。但是我经常发现自己想以异步的方式等待一些特定的操作。因此,我希望能够在触发操作(例如重定向)之前等待返回的承诺。

这是一个例子:

0 投票
1 回答
1114 浏览

react-query - 在数据获取期间显示全局微调器

我有组件树,例如:

我在我的组件中使用钩子useQuery来获取输入数据并且它可以工作,但是我可以访问组件内的属性,我希望有一个全局微调器,它将在任何数据请求期间显示。是否可以使用它来做到这一点?react-queryDataisLoadingDatareact-query

我考虑过换AppSuspense并设置Loader为后备并suspenseuseQuery通话中启用,但也许还有其他方法可以做到吗?

0 投票
1 回答
10118 浏览

javascript - 从缓存中删除查询而不重新获取反应查询

我以这种方式在我的反应应用程序中使用反应查询

我希望能够根据数据值使缓存中的某个键无效,基本上是当数据为空时,所以我添加了一个效果

这种方法将导致请求循环,其中无效的查询将重新获取,获取 null 作为响应,执行效果和无效等等......

我希望能够在不重新获取的情况下从缓存中删除密钥,所以我不会陷入这个无限请求循环,一直在研究反应查询文档但没有运气。无论如何,反应查询有类似的情况,需要从缓存中删除密钥而不重新获取?

0 投票
1 回答
1173 浏览

jestjs - 当 Promise 被拒绝时,如何静音 react-query 控制台错误?

我正在测试一个由react-query. 当一个承诺被拒绝时,我需要测试它的回滚行为。不幸的是,react-query日志拒绝了使用 对控制台的承诺console.error,这弄脏了我的测试输出。如何防止react-query将被拒绝的承诺记录为控制台错误?

0 投票
2 回答
5621 浏览

javascript - React Query 使用 Next.js 进行服务器端渲染

我正在尝试使用 react-query 和 nextjs 在服务器上预取查询。它适用于获取项目列表的初始查询。但是,当我尝试获取组件内的每个项目时,它只会在客户端获取它。

这是也查询每个项目的组件的代码。

你能告诉我查询没有在服务器上执行还是库本身的问题我做错了什么?

0 投票
6 回答
18647 浏览

javascript - 没有设置QueryClient,使用QueryClientProvider设置一个

我第一次尝试对查询做出反应,然后在我的 React 应用程序开始时得到了这个。 在此处输入图像描述

0 投票
1 回答
1241 浏览

reactjs - 反应查询如何处理搜索

我只是在玩反应查询

我正在构建一个简单的 github 克隆

我必须为当前用户使用两次 useQuery 一次

作为路由器参数,另一个具有新的搜索。

我最终得到:

这是正确的方法吗?

0 投票
2 回答
3336 浏览

reactjs - 如何在 React 类组件中使用 react-query?

我意识到:如果我想使用钩子import { useQuery } from 'react-query',我只能在 React 函数组件中这样做。

我是否必须在 React 函数语法中重写我的旧类组件,或者是否有一种简单的方法可以将 react-query 与类语法一起使用?

我确定它在某处有记录,但我只能找到使用 React 函数组件的教程。