问题标签 [rtk-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 回答
289 浏览

rtk-query - 使用 invalidatesTags 自动重新获取

我正在为我的应用程序的 API 请求使用 RTK 查询。到目前为止,一切都很顺利!我已经按照文档来提供标签并使它们无效,但我面临着一种奇怪的行为。以下是两个相关端点的代码:

现在获取数据工作得很好。但是,当bookmarkPost请求成功时,标记getPost不会自动重新获取。

getPost仅当我手动设置id属性时,标记才有效。例如[{ type: "Post", id: "TOPIC" }]. 或者,如果我将标签作为一个整体定位["Post"]

我的数据库中的id部分是 aGuid所以我怀疑这可能是一个问题(假设文档说明id应该是字符串或数字)并且我将其规范化为不带破折号的字符串。但即使这样做也不会触发失效。

我在这里错过了什么吗?

0 投票
1 回答
545 浏览

typescript - RTK 查询:指定每个端点的错误类型

有没有办法指定每个端点的错误响应?就像我们可以在定义查询或突变时指定结果和请求类型一样。我确实浏览了文档并更新了基本查询。我得到了通用的成功/错误响应类型,但仍在试图弄清楚如何定义每个端点的错误类型。

0 投票
1 回答
835 浏览

javascript - 处理多个基本 URL 时使用 RTK Query 的正确方法是什么?

到目前为止,我已经迁移到 RTK 并非常享受它,但我坚持的一件事是以下情况:

我们有(为了简单起见)两个端点:

该网站本身托管在另一个域上。

我需要从客户端点获取数据,但为了更新某些内容,我需要对订单端点进行突变。起初我以为我应该为每个基本 URL 定义一个 createApi,但后来我很确定我不能让无效。我想让这个先前的突变使客户的数据无效,以便重新获取新数据。

所以这就是我想出的,但如果这是前进的方式,我想提出一些意见。

这是解决问题的方法吗?或者甚至应该有一个巨大的 createAPI 来保存所有的突变和查询?

0 投票
1 回答
900 浏览

reactjs - RTK 查询分页和合并查询

我正在使用 Stack RTK Query、React Native 进行移动应用程序开发。我绝对是使用这两个堆栈的初学者。我正在研究使用平面列表并使用列表末尾提供的后退和下一步按钮为其添加分页。现在列表的数据是使用 4 个不同的查询来获取的,第一个问题是我正在寻找一种方法来组合这些查询并并行执行它们,其次我正在研究如何手动使用查询触发器,我正在使用惰性使用查询钩子,但我应该在哪里触发相同的,我应该更改状态并且钩子应该自动触发还是应该计算所有数据按下下一个/后退然后重新渲染组件?

0 投票
2 回答
908 浏览

javascript - RTK Query 中的 Chain 2 查询

如果第二个查询需要第一个返回的参数,那么链接查询的正确方法是什么?

用户对象包含一个用于运行的 ID

如何确保第二个仅在第一个完成后才运行?

0 投票
1 回答
935 浏览

reactjs - React Toolkit 查询 - 如何将 transformResponse 道具与 injectEndpoints() 一起使用

我有一个根 API,我在其中注入端点。但是当我尝试添加一个转换函数时它不起作用。从 transformResponse 的文档中,我可以看到 transform 道具附加到查询对象。

这是我正在尝试的

任何指导都会有所帮助。

资源

  1. 注入端点的文档
0 投票
2 回答
495 浏览

reactjs - TypeError: Object(...) 不是反应中的函数

src/Service/Post.js

src/App.js

我使用 RTK 查询获取数据,所以,当我尝试在我的 app.js 反应组件中访问 useGetAllPostQuery 时,它在浏览器中看到我的错误 TypeError: Object(...) is not a function 所以,任何人都可以建议如何解决这个错误

0 投票
1 回答
436 浏览

react-native - 将 RTK-Query useLazyQuery 与 ReactNative 一起使用时,Jest 无法正确退出

我正在尝试测试我使用 RTK-Query 编写的一些功能。我使用 createApi 创建了一个 api 并导出了 useLazyQuery 钩子。我正在调用这个钩子,然后在 useEffect 钩子中监听结果变化。这在应用程序中按预期工作。当我尝试使用 msw 和 @testing-library/react-native 为这个逻辑编写测试时,我遇到了错误。

当我运行测试时,我看到以下控制台输出:

--detectOpenHandles 标志没有帮助。

我的测试如下所示:

我的 API 如下所示:

我的组件如下所示:

谢谢。

0 投票
0 回答
148 浏览

react-redux - selectfromresult rtk 始终未定义

// id 来自路由,我使用 rtk 查询挂钩,但查询始终未定义,我从 useGetInquiriesQuery 记录数据

0 投票
1 回答
85 浏览

redux-toolkit - RTKQ 中将 cacheKey 传递给 selectFromResult 和 onQueryStarted 的推荐方式

RTKQ 文档中的示例cacheKeyundefined,但通常情况并非如此。我目前的解决方案是保存在一个切片中,cacheKey使其既可用于(基本上无处不在),但我觉得它并不完美。是否有一些推荐的方法在 RTKQ 中存储和重用 cacheKey?selectFromResultonQueryStarted