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

reactjs - RTK Query 查询在突变后不重新获取

在我的 api 上,我有两个突变,奇怪的是,其中一个确实触发了重新获取,但另一个没有,我不知道为什么。两种突变都会调用它们的网络,并且更改会反映在服务器中。

这是我的 api 定义。

我不知道它是否相关,但成功使 ( addSample) 它无效的突变位于不同的组件中,而无效的突变 ( ) 它位于相同的组件deleteSample中(我已经尝试将其移至另一个组件但它没有无论如何都不起作用)。

0 投票
1 回答
1168 浏览

redux - RTK 查询`use*Query` 正在使用缓存的 isLoading 和数据,即使对于不同的 args

我是 RTK 查询的新手,我在使用不同参数的查询之间共享数据时遇到问题。

一旦我将 id 从 1 更改为 2,我期待看到加载指示器出现。

但是,似乎 rtkQuery 仍在使用我之前useGetStuffQuery(1)调用的缓存数据,因此我暂时看到了 id1 的数据。一旦对 id2 的请求得到解决——它会更新并重新呈现我的组件。

这种缓存行为是有意的和预期的吗?还是我错过了什么?

0 投票
1 回答
3543 浏览

redux - 如何从 Redux Toolkit 发送带有 RTK 查询的文件?

我正在尝试使用 RTK 查询突变将文件上传到 API。这是我的突变代码:

这是我为请求生成数据的方式。

但我收到一个错误:

我知道我可以完全通过中间件禁用不可序列化检查,但我认为这不是使用 Redux Toolkit 和 RTK 的合适方式。没有文件一切正常。有没有用 RTK 上传文件的正确方法?

0 投票
1 回答
1072 浏览

redux - RTK查询:如何查询ID数组并返回检索到的数据数组?

我正在使用“Redux Toolkit Query”并遇到我有一组地点 id 并想要返回一组检索到的地点的情况。但是,使用我当前的设置,我只能查询一个地方,而不是整个编译的地方列表。

我调用查询的钩子:

简化切片:

我很高兴任何提示!

0 投票
1 回答
292 浏览

javascript - RTK 查询“merge-patch+json”内容类型破坏请求体

我正在使用 RTK 查询突变来更新我的实体。后端有 api-platform 只接受带有 PATCH 请求的“ application/merge-patch+json ”Content-Type。如果我尝试将其放在我的变异返回语句中:

我的请求正文中只得到[object Object]而不是 json。但是,如果我将方法更改为“PUT”或将 Content-Type 更改为“ application/json ”,我的请求正文将符合预期并包含有效的 json。

0 投票
1 回答
1127 浏览

reactjs - 如何实现rtk的createApi查询去抖动

有人可以帮助我使用 creatApi 和 redux 工具包中的查询实现来实现去抖动功能。

提前致谢。

0 投票
1 回答
1132 浏览

reactjs - rtk 查询突变被拒绝

我正在我的一个项目中测试 rtk-query 并且有一个问题我不明白什么时候网站加载第一次查询工作并且接收到数据但是当我尝试更新或创建我在 redux 开发工具中获得的任何内容时突变状态被拒绝,但是当我刷新网站并再次尝试时,它会起作用,因此仅当网站第一次加载时才会出现问题,这是我的代码

如果有人可以帮助我不胜感激,我不想重写所有代码来修复它

0 投票
1 回答
1756 浏览

reactjs - 我们如何在 RTK 查询中重置突变的数据和状态,例如 React Query 中的重置功能用于突变?

我正在为 React 项目使用带有 Redux 工具包的 RTK 查询。使用 RTK 突变提供的“updateProductCategory”函数更新表行。但是在更新每个表行之后,“updateProductCategoryResult”会填充该更新行的数据和状态(这意味着,如果更新成功,则“isSuccess”=true)。

因此,对于下一次更新,当“isSuccess”突变状态为“true”时,SnackBar(即烤面包机)将在打开编辑行的模态表单时弹出(在实际编辑发生之前)。所以,为了避免这种不需​​要的 Snack Bar 弹出,我想在突变发生后重置突变结果的数据和状态,即“updateProductCategoryResult”有 isSuccess = false, isError = false 。

基本上我需要像 React Query 突变一样的 reset() 函数。

我搜索了 RTK 查询文档,但找不到任何与重置突变状态和数据相关的内容。

代码:

0 投票
1 回答
149 浏览

react-native - 如何使用带有 React Native 的 Redux Toolkit Query 在手机重启或应用关闭之后持久化缓存数据?

正如问题所暗示的那样,我试图弄清楚如何使用 React Native 和 Redux Toolkit Query 在手机重启或应用程序关闭之后持久化缓存数据。我注意到在这些情况下缓存的数据会被擦除。我相信在应用关闭或手机重启之后缓存数据是一种常见的做法。

我曾考虑过使用 Redux Persist 将数据简单地存储在客户端 Redux 中以解决此问题,而无需保留 api 切片。正如这篇文章所指出的,持久化 api 切片是一个坏主意: 当我将 RTK Query 与 redux-persist 一起使用时会发生什么?.

对此的任何提示将不胜感激!谢谢你。

0 投票
0 回答
720 浏览

redux - RTK:如何使缓存数据无效以响应更新?

我正在尝试使用 RTK Query 使缓存数据无效。但不知何故,它对我不起作用。如果更新的配置文件 ID(在我的情况下为 cognitoID)在 ProfileList 中,我想再次获取 ProfileList。我可以保证将 arg.id(代表 cognitoId)正确传递给 updateProfile 函数,并且 cognitoId 包含在 ProfileList 响应中。

如果我通过provideTags: ["Profile"]and选择粒度较小的选项,则失效有效invalidateTags:["Profile"],但以下设置失败。

我很高兴任何提示?