问题标签 [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 投票
2 回答
39 浏览

arrays - 循环获取和返回响应的问题

这是我的第一个 stackoverflow 问题,所以对我温柔一点

我正在制作带有反应查询和获取的 pokedex 应用程序,但我在返回我的口袋妖怪数组时遇到问题。

我正在尝试获取一个 pokeApi,它返回一个由具有另一个 url 的对象组成的结果数组。然后我尝试映射槽结果数组并获取单个口袋妖怪的 url,然后将其推送到 arr 变量。最后,我返回的是不可读的 arr。

如何正确将数据推送到地图中的arr?

我做错了什么?有解决办法吗?

https://codesandbox.io/s/strange-pond-wz4ws?fontsize=14&hidenavigation=1&theme=dark

0 投票
1 回答
3875 浏览

javascript - 使用 useEffect 将反应查询状态移动到 useState

所以我有一张使用 map 方法填充的销售人员表。该表中的每一行都有一个“编辑”按钮,应该 1) 获取行的 id,2) 使用反应查询从数据库中获取该记录的数据,以及 3) 打开一个模式并将对象数据传递给填充输入字段的模式。

此时,我可以通过使用 react 查询响应直接将数据传递给模态来完成上述操作,但是我想将该响应放入一个useState变量中以在本地跟踪我的状态以进行客户端操作(例如,当添加新的销售人员时,我需要将一个空对象传递给模态而不是最后一个查询结果)。

我很确定会这样做,我需要以useEffect某种方式合并,但我无法让它正常工作。会认为这就像在 useeffect 函数中更新 usestate 变量一样简单,如下所示:

我试着做这样的事情:

但我没有任何运气。希望有人可以提供帮助。完整代码如下

0 投票
1 回答
27 浏览

reactjs - 从路由返回后如何停止获取启动 api url?反应/反应查询

问题:当我点击下一页上的口袋妖怪详细信息时,返回后,应用程序每次都会获取前 12 个口袋妖怪。

我想回去后留在当前页面。

链接到代码沙箱 https://codesandbox.io/s/bitter-pine-57iwo?file=/src/components/Pokemon/PokemonList.js

0 投票
0 回答
432 浏览

react-native - 如何通过 useQuery 使用初始数据

我在 React 本机 android 应用程序中使用 useQuery 挂钩来获取数据。当我的应用程序启动时,我得到初始行作为从原生端到 React Native 的道具。然后 React 原生层使用 useQuery 获取下一页。

截至目前,我正在使用 fetchMore 函数将初始数据与新数据合并,但池化间隔并未更新初始数据。

如何将 useQery 与初始数据https://react-query.tanstack.com/docs/guides/initial-query-data以及池化间隔一起使用。

谢谢

0 投票
1 回答
49 浏览

reactjs - 反应路由器 - 参数更改获取旧数据和新数据而不仅仅是新数据?

我有这个问题很长时间了,但最终需要解决它。我有一个有效载荷,我通过“下一个”和“上一个”按钮循环浏览。单击这些时,URL 中的参数会发生更改,这会触发挂钩以使用该新参数值获取数据。

问题是当我这样做时,它会获取当前/旧数据(错误)以及新数据(正确)。知道为什么会这样做吗?这是一个片段...



谢谢大家!我真的不明白为什么它应该只是新值时使用旧参数值和新参数值来获取。我已经在这方面做了很多年了。

0 投票
2 回答
1724 浏览

reactjs - 如何使用 ReactQuery 中的 useQuery 挂钩来更新状态?

此代码导致无限循环,其中渲染继续循环进行。

我认为这是因为 setState 导致 useQuery 再次执行再次设置状态等等。

任何帮助表示赞赏。我想将从 useQuery 获得的数据存储在状态变量中。

TIA。

0 投票
2 回答
761 浏览

next.js - NextJS 和反应查询

在此处输入图像描述

正如您在此处看到的,我使用了 useQuery() 但我只希望它获取一次。不确定是 NextJS 问题还是 react-query 问题。

0 投票
1 回答
181 浏览

reactjs - 在条件下调用钩子

我正在使用 React Query 来查询我的数据,并且我有一个钩子“useDraft”,我只想在满足条件时调用它。

如果我从一个满足条件的地方走到另一个地方,我会遇到以下错误之一(取决于我要去的方式):

Rendered more hooks than during the previous render.或者Rendered fewer hooks than expected.

谁知道我该如何解决这个问题?谢谢!

0 投票
1 回答
4923 浏览

node.js - 每当我在改变映射组件后重新获取反应查询时,下一个组件的突变状态显示为“成功”

我正在从我的快递后端获取并显示一系列帖子,它显示为“博客”组件。

帖子列表

该组件有一个从后端删除它然后重新获取帖子的按钮,每当我单击删除按钮时,状态会从“空闲”变为“加载”再到“成功”,然后在重新获取数据时将其删除。

这行得通,但是当它被删除时,下一篇文章会显示“成功”作为状态。为什么?

帖子“标题2”被删除,帖子3显示状态为“成功”

BlogPost.jsx:

登陆.jsx:

快递后台:

0 投票
3 回答
1645 浏览

reactjs - React 查询选择器

我在我的项目中使用react-query,效果很好

我想知道 react-query 是否具有选择器功能。例如,我使用 react-query 来获取帖子列表,并且只想过滤已完成的帖子。我想缓存过滤结果,以便下次再次过滤列表时,它可以返回缓存。基本上我想要的功能和recoil中的选择器是一样的