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

redux-toolkit - Redux Toolkit 查询:从“突变”响应中减少状态

假设我有一个 RESTish API 来管理“帖子”。

  • GET /posts返回所有帖子
  • PATCH /posts:id更新帖子并使用新记录数据进行响应

我可以通过以下方式使用 RTK 查询来实现这一点:

运行时updatePost,它会使导致再次运行的LIST标签无效。getPosts

但是,由于该PATCH操作使用新数据本身进行响应,因此我想避免发出额外的服务器请求,而只是使用response.body.

似乎是一个常见的用例,但我很难找到任何关于这样做的文档。

0 投票
1 回答
417 浏览

reactjs - 如何在rtk Query中发送用户名和密码进行身份验证

0 投票
1 回答
260 浏览

reactjs - Redux RTK 查询使突变后未调用的标签无效

我一直在试图弄清楚为什么标签失效不起作用并添加了一些日志记录。providesTagsin工作正常,getMeinvalidatesTagsinlogin从未被调用。可能有什么问题?

我有一个这样的 redux RTK 查询 API:

login当从这样的回调加载页面时,在组件挂载时调用:

getMe在这样的组件中使用:

0 投票
1 回答
131 浏览

redux - Redux Toolkit:如何在官方文档中编写 getposts 端点

我正在尝试学习 RTKQuery,但有些文档和示例不完整。

此链接引用了 useGetPostsQuery 但实际上并未在文档中为其定义端点。

https://redux-toolkit.js.org/rtk-query/usage/queries#selecting-data-from-a-query-result

在没有工作示例的情况下,我正在尝试编写自己的 getMultipleItems 端点,但我看到了 TS 错误。我修改了文档 pokemon 示例以也从 api 查询列表。实时沙箱:

https://codesandbox.io/s/rtk-query-multi-fetch-poll-r4m2r

为了专注于相关端点,getAllPokemon 没有任何参数:

然后我尝试在这里使用它,但 useGetAllPokemonQuery 没有正确的签名并且似乎期待 args。

我的问题是:我如何正确构造端点以在上面显示的组件示例中使用它?

0 投票
1 回答
602 浏览

redux-toolkit - ReduxToolKit:在查询挂钩中使用 SelectFromResult 选项的正确方法?

我试图从官方文档中了解如何正确使用 SelectFromResult :

https://redux-toolkit.js.org/rtk-query/usage/queries#selecting-data-from-a-query-result

我已经扩展了口袋妖怪示例,以使用 SelectFromResult 检索以“saur”结尾的口袋妖怪的过滤列表,但输出导致错误和 isLoading 数据丢失

现场沙箱: https ://codesandbox.io/s/rtk-query-selectfromresult-vvb7l

相关代码在这里:

端点使用 transformResponse 提取相关数据:

如果我尝试 selectFromResult 并且我丢失了 error 和 isLoading 变量,钩子会失败,因为它们不再从钩子返​​回。如果我注释掉 SelectFromResult 选项,它们就会被正确返回。

我的问题:我不想在尝试使用推荐的方法过滤结果时丢失获取状态。如何修改上述代码以正确 SelectFromResult 并从钩子中保持正确的错误、isLoading 等状态值?

0 投票
2 回答
1718 浏览

reactjs - 在使用 MSW 和 RTK Query 时使用 Jest 进行测试会导致测试出现奇怪的错误

我一天中的大部分时间都在试图解决这个非常烦人的错误。

我正在使用 redux-toolkit、MSW、RTK 查询和 React 测试库,目前正忙于编写一个测试简单登录流程的集成测试。

我遇到的问题是我在一个测试套件中测试两种不同的场景,一种是成功登录,一种是失败的。

当我一次运行一个时,我没有遇到任何问题,但是当我同时运行两个时,我收到以下失败场景的错误。

奇怪的是,失败的场景不应该到达调用 API 调用的页面,这会导致这个额外的 reducer 匹配器,因此为什么没有有效负载并且会发生错误。

当我在浏览器中测试时不会发生这种情况,只有在使用 Jest 测试时才会发生。

以下是我的测试:

下面是我的测试设置:

下面是我的setupTests.ts文件。

最后是我的 MSW 文件。

处理程序

服务器

有任何想法吗?

感谢你的帮助!

0 投票
1 回答
565 浏览

redux - 我对“RTK 查询”有一些问题

最近我刚刚开始在 redux.js.org 中阅读 RTK Query 的文档,并且了解文档的主项目没有显示CodeSandbox中的帖子,并且除了应该加载的帖子列表之外,只有 [object Object] 很明显默认项目中包含的假服务器。其次,我无法管理 PostsList 页面(redux 主项目(简单社交媒体)中包含的页面)中的错误。

功能/帖子/PostsList.js

刚刚将 [] 作为帖子值然后出现此错误“无法读取未定义的属性(读取'切片')”

并且整个 redux 的主要项目都可以在这个链接 rtk-query-basics中访问

0 投票
1 回答
165 浏览

typescript - 无法在反应本机中使用反应导航有条件地重新渲染

store.ts

authslice.ts

stackNavigator.tsx

应用程序.tsx

登录屏幕.tsx

我对使用 redux、react native、rtk 查询和中央状态管理比较陌生。我面临的问题是所有状态都在正确更新,但是应用程序没有重新渲染以显示正确的当前状态,即身份验证令牌,尽管更新没有有条件地重定向到新的抽屉屏幕导航器。然而,它没有任何动作,但在刷新时可以正常工作

0 投票
1 回答
102 浏览

javascript - 在 createApi redux-toolkit 中记录

我想知道如何添加一个console.log in

这样当组件调用 getPokemonByName 时,它​​应该 console.log('Hello I am here!')

我在下面尝试过但不起作用并且有编译错误..

https://redux-toolkit.js.org/rtk-query/api/createApi上没有这样的例子

我想这样做是因为我的组件正在尝试调用此方法,但我不确定它是否会到达这里!

0 投票
3 回答
1494 浏览

react-native - reducerPath "api" 处的 RTK-Query API 中间件尚未添加到商店

我正在创建一个反应原生应用程序,我收到了这个警告。reducerPath "api" 处的 RTK-Query API 中间件尚未添加到商店。自动缓存收集、自动重新获取等功能将不可用。

我看到我的 api 没有被重新获取。

这是我的 rootReducer.ts 文件

这是我的 store.ts 文件

这是我正在使用 axios storiesService.ts 的服务

我在我的页面上使用这个钩子来获取数据

这是我的信息。你能告诉我我的代码有什么问题吗?

在此处输入图像描述