问题标签 [react-query]

我想用 GET 方法调用一个 api 并传递一些表单数据。但似乎 axios 不支持带有 GET 的表单数据。我有什么办法可以克服这个问题吗？

ps：我正在使用react query和axios

我正在开发一个 React JS 项目。我正在使用 React 查询https://react-query.tanstack.com/发出 API 请求。当 API 抛出 422 或 400 或 401 等时，我现在在 onError 回调中从服务器检索响应数据时遇到突变问题。

这是我的突变。

正如您在 onError 回调中看到的，无法从服务器检索响应。

数据和错误（createProductMutation 旁边的那个）也不是来自服务器的响应。

我试过用这个。

如何在 onError 回调中检索响应？

想象一个典型的用例，当您有一个项目列表和一个项目视图时。

所以有一个端点可以获取所有项目。但您也可以使用/items/:id.

/items但是，如果它已经从端点获取，您可以避免获取单个项目。那么你将如何处理react-query呢？

我有两个usePaginatedQuery钩子，一个依赖于另一个。

第一个是：

这给了我第二个查询所需的 id 数组：

第二个返回第一个中 id 的文档列表，因此我需要policies从第一个循环以获取他的 id 作为第二个的参数传递，这应该会产生一个像这样的数组：

[{policyReference: 'a', document: '1.txt'}, {policyReference: 'a', document: '2.txt'}, {policyReference: 'b', document: '3.txt'}]

对于所有策略中的所有文档，依此类推。

有没有办法做到这一点react-query？

我阅读了相关查询的文档，但我仍然不确定如何在这种情况下使用它？

在我的 react-native 项目中，我有一个屏幕需要data从后端查询，然后，有一些使用后端返回的代码data应该只在屏幕安装时运行一次。这就是我所做的（我正在使用 [react-query][1] 从后端获取数据）：

我的问题：

中的代码useEffect仅在安装屏幕时运行一次，但是此时上面的查询返回data值undefined，直到重新渲染发生，data然后被提取但是里面的代码useEffect将永远不会再次运行，尽管在重新渲染时获取了数据。我怎样才能摆脱这个问题？

给定以下代码：

'(data: Params) => Promise' 类型的参数不可分配给 'MutationFunction<Response, undefined>' 类型的参数。参数“数据”和“变量”的类型不兼容。类型“未定义”不可分配给类型“参数”.ts(2345)

为了避免我使用的编译错误。

但我想根据需要提供“数据”。

怎么去掉上面的问号data？

我尝试在 react-query和react-virtual中使用 Infinite Queries 在我的 react.js 项目中实现无限滚动。但是无限查询支持光标和页面。并且页面不支持我的 API，它在元数据中有一个限制、偏移量和 totalCount，如下所示

meta: { limit: 100, offset: 0, total: 1000}

无限查询是否支持限制和偏移？

我遵循了一些链接。

https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/infinite-scroll

https://react-query.tanstack.com/docs/guides/infinite-queries

我无法理解这段代码。我如何传递 id 和数据？

我在滚动一段时间后遇到砌体网格破裂的问题，就像在这个 GIF 中一样。Firefox 完美运行。

动图

这是带有示例的代码框。

https://codesandbox.io/s/musing-nash-y337c?file=/src/App.js

数据来自使用 React-Query 的 reddit API。

获取后，我检查帖子类型（图像或文本帖子），然后根据帖子类型呈现。加载图像或文本后，我会根据图像或元文本高度自动设置跨度。我根据图像高度自动设置跨度。

它在 Firefox 上按预期工作，但其他人在滚动一段时间后会中断。当我使用外部包时，滚动不会出错，但我对它的外观不满意。

帮助 ：（

我想设置我的查询，使其无限重试，除非它收到特定类型的错误，例如 404 或 401。我找不到使用 React Query API 的方法，但我想我可以提供一个回调设置enabled为 false 到我的 fetch 包装器，如下所示：

沙盒

但是，这不起作用，尽管enabled在第一次调用后立即设置为 false，它仍会继续重试。我做错了什么，它是否按设计工作或者我应该提交错误报告？