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

redux-toolkit - 如何通过 useEffect 更新 rtk 查询中的状态

当我向端点一添加新值时,我有两个端点我希望通过 useEffect Hook 更新端点二

它说名称(引脚):“ConditionError”消息(引脚):“由于条件回调返回错误而中止。”

0 投票
0 回答
624 浏览

javascript - 如何使用 Swiper 和 RTK Query 实现无限滚动?

我正在尝试在 RTK Query 中与 swiper.js 一起实现一个简单的无限滚动。我发现 Stack Overflow 讨论带有基本的第一个实现。但是,我无法根据提供的说明运行它。

我创建了一个基于 Pokemon API 的工作示例来说明我的问题。但是,基本上缺少停止条件,因此它会不断获取新页面。但我正在努力实施它。

https://codesandbox.io/s/falling-thunder-e3ntc?file=/src/App.tsx

0 投票
1 回答
878 浏览

reactjs - 如何在 Redux Toolkit 的 createApi 中设置等效的 fetch { credentials: "include" }?

我有一个 express-react-typescript-redux-passport 项目,我在其中使用createApiredux 工具包在后端调用/getuserapi。

我正在使用passport-google-oauth20策略对用户进行身份验证,并且用户已成功通过身份验证。

我的问题是没有调用passport jsdeserializeUser()函数(即使serializeUser()调用了,并且使用google策略对用户进行了身份验证),因此req.user前端向后端发送请求时不会自动设置该参数。

怀疑deserializeUser没有被调用,因为我没有在我的端点中设置 axio 的{ withCredentials: true }(或 fetch 的{credentials: "include"})参数。createApi如何在 RTK 的 createApi 中发送此参数?

如何指定凭据:包括此处?

这是我的 createApi 函数

这是我的服务器 index.js

为什么不deserializeUser()叫??

0 投票
1 回答
159 浏览

reactjs - redux-toolkit prepareHeaders 不是一个函数

我在使用此查询时遇到问题,它说这prepareHeaders不是一个函数,但我将它添加为一个对象,您可以在下面的代码中看到:

在此处输入图像描述

0 投票
1 回答
1065 浏览

reactjs - 使用 RTK-Query 中间件配置存储

我正在尝试将 RTK-Query 中间件添加到嵌套存储结构中,当我添加 api 中间件时,我遇到了一个非常长且非描述性的打字稿错误......

这是我的代码:

当我[fooApi.reducerPath]像这样移动到减速器的根部时,错误消失了:

我正在寻找 RTK-Query Api 减速器的嵌套使用示例,但找不到任何...我错过了什么?

0 投票
1 回答
236 浏览

react-redux - 如何使用 RTK Query 以通用方式(中间件)处理错误和成功通知?

我是 RTK 查询的新手,我喜欢使用 RTK 查询。

在我的项目中,我想添加一个常见的错误处理程序(中间件)和一个成功响应处理程序。对于错误处理,我从 RTK 查询文档中找到了一个中间件实用程序。使用isRejectedWithValue我们可以处理常见错误。但是对于成功的 API 请求,我没有找到任何实用程序。

如果有人对此有更多背景信息,请告诉我。

提前致谢。

0 投票
2 回答
317 浏览

react-redux - 如何使用 RTK Query 以通用方式(中间件)处理加载程序?

我是 RTK 查询的新手,我喜欢使用 RTK 查询。

在我的项目中,我想添加一个通用加载器,如果有任何请求正在运行,则显示页面加载器,一旦响应返回成功或失败,我想隐藏加载器。

如果有人对此有更多背景信息,请告诉我。

提前致谢。

0 投票
1 回答
319 浏览

reactjs - RTK Query 会默认存储所有数据吗?

我只需要将后端 apis 中的一些数据放到 redux 存储中,但不是全部。我想知道 RTK Query 会将所有数据默认存储吗?如果是,会导致更多的内存假设,是否仍然建议使用 RTK Query 管理所有 api?

0 投票
0 回答
257 浏览

reactjs - React 中带有加载进度条的文件上传(使用 RTK 查询)

希望制作一个可以采用 CSV 的组件。(excel) 文件并将其上传到服务器。(具有拖放功能,以及显示上传到服务器的进度以及任何错误处理的响应式上传栏)

任何意见,将不胜感激。理想情况下希望在 RTK Query 中构建它。

0 投票
0 回答
865 浏览

javascript - 使用 Next JS 进行 RTK 查询?

我正在努力通过RTK Query了解NEXT JS我正在尝试与多个页面共享数据我只想要一个将数据添加到存储中的地方,因此我不会进行多次调用。

我想调用一次查询,然后从整个站点访问数据。在不同的页面上多次调用它?

我不能在一个页面上调用它,因为用户可能会导航到尚未获取它的另一个页面

最好的方法是什么?

在下一个文档中,它说您可以覆盖 _app https://nextjs.org/docs/advanced-features/custom-app但我将无法在其中使用 RTK 查询挂钩。

在此处输入图像描述