cost 77 ms
为什么我的 createAsyncThunk function 会多次获取数据而不是一次

[英]why does my createAsyncThunk function fetch data multiple times instead of once

我正在尝试使用 React 和 Redux 制作一个简单的博客网页(按照教程进行)。 我创建了一个 redux 商店,制作了一个帖子切片,用于管理与帖子有关的所有内容,我在使用 redux thunk 获取数据时遇到了一些问题。 当我运行博客页面时,我会看到每篇文章中的两篇。 不确定问题是来自我用来 ...

“没有超载匹配这个电话。” 在调用 AsyncThunk 时 function(redux 工具包)

[英]"No overload matches this call." while calling an AsyncThunk function (redux toolkit)

我对以下createAsyncThunk方法有疑问: 这里没有问题,但是当我尝试从登录页面dispatch这个 function 时, 我收到此错误: 没有过载匹配此调用。 重载 1 of 3, '(thunkAction: ThunkAction<Promise<PayloadAct ...

离线时排队并暂停 Redux 次操作

[英]Queue and pause Redux actions while offline

我想在我离线时暂停所有派遣的 thunk,并在我重新在线时恢复。 createListenerMiddleware 是一个不错的选择吗? 我可以创建一个单独的 redux 切片来保存已分派的操作并重新分派它们,但这将导致现有的 thunk 返回一个被拒绝的 Promise 并在调用的地方抛出错误。 ...

Thunk Middleware:动作创建者如何/为什么在未传入时有权访问调度?

[英]Thunk Middleware: how/why does action creator have access to dispatch when it's not passed in?

作为参考,这是以下屏幕截图的来源: https://github.com/gopinav/React-Redux-Tutorials/blob/master/redux-demo/asyncActions.js 查看下面屏幕截图中的fetchUsers操作创建者 function, dispatc ...

如何使用 redux 工具包中的中间件?

[英]How to work with middlewares in redux toolkit?

我在 redux 工具包中使用切片。 在 slice 的一个动作中,我有从其他动作复制的代码,因为在动作中你不能调用另一个动作。 我想把checkWinner这个action的逻辑全部放到中间件里面,但是在configureStore. 在checkWinner我需要实际的 state。 而且,我 ...

如何在单击按钮时等待异步操作分派?

[英]How can I await for an async action dispatch on the click of a button?

我有这个反应组件,用户想要发送登录请求,但每当我分派操作时,甚至在它执行之前,我的组件中的进一步代码就会被执行。 我试过将登录请求 function 设为async ,甚至尝试在分派操作之前使用 await,但这一切都是徒劳的。 组件文件: 授权操作: 授权减速器文件: 我的商店文件: 根减速器: ...

无法使用 Redux 工具包无故更新我的 state

[英]Can't update my state for no apparent reason with Redux Toolkit

我是 Redux 工具包的新手,我想我错过了一些东西,即使看起来我做的一切都是对的。 这是我的测试用例: 因此,以下 SUT(被测系统): console.log(action.payload)打印出我所期望的,即 10 个骰子的数组。 我尝试推送、连接、返回 state,而不是返回它(因为 I ...

如何导出从 extraReducers 和 createAsyncThunk 生成的操作

[英]How to export actions generated from extraReducers and createAsyncThunk

我正在尝试使用 Redux 工具包中提供的 function 编写我的第一个异步 thunk: createAsyncThunk 。 但是在阅读文档和在线说明数小时后,我似乎遗漏了一些东西,因为我无法导入动作rollDice 。 GenerateRandomDice.spec.ts diceSlic ...

使用 react redux-toolkit 和 localstorage 的“添加到购物车”功能不起作用

[英]"add to cart" feature using react redux-toolkit and localstorage not working

我正在使用 redux-toolkit 向电子商务网站添加“添加到购物车”功能。 我也在使用本地存储和 thunk 中间件,但它不工作。 控制台上没有任何显示。 这段代码有什么问题? Redux 开发工具这是 CartSlice.js 代码 这是 Store.js 代码 这是 CartScreen ...

如何以正确的方式使用 redux/toolkit 处理被拒绝的消息

[英]How to handle rejected message with redux/toolkit in a right way

我有一个关于处理拒绝值的问题。 如果我尝试使用存在的 email 和密码分配 function,一切正常,但是当我输入随机的 email 和密码时,我无法到达来自后端的 404 错误消息。 这是我的切片代码 这是服务代码 这些是来自后端的值。 如果我输入随机 email 和密码,后端返回{ "cod ...

Redux 和 NextJS 13

[英]Redux and NextJS 13

我正在尝试使用第 13 版 next 和 redux 构建 NextJs 应用程序。我找到了在应用程序中传递 redux 提供程序的方法,但我仍然不明白接下来的事情:How can I use "createAsyncThunk" actions or RTK query with "getSta ...

Extra reducer 没有从 Axios 异步请求中捕获错误 redux Thunk

[英]Extra reducer not catching error from Axios async request with redux Thunk

我正在向服务器发出一个简单的请求并且它有效。 我操纵到 url 以确保错误也得到正确管理,但它不起作用。 尽管我创建的 thunk 确实捕获了错误,但被拒绝的案例永远不会在额外的 reducer 中触发。 我不确定可能是什么问题。 看下面这个减速器: 我使用数据的组件如下: ...

TypeError:无法解构“thunkAPI”的属性“rejectWithValue”,因为它未定义

[英]TypeError: Cannot destructure property 'rejectWithValue' of 'thunkAPI' as it is undefined

我正在关注此代码的教程: 我阅读了文档,但显然这段代码应该没有任何问题。 尽管如此,我还是收到rejectWithValue未定义的错误。 那么问题是什么? 我有安装一些 package 吗? 还是符号改变了? ...

什么 redux-thunk 提供异步调用?

[英]What redux-thunk offer for async call?

我刚刚熟悉redux和redux-thunk 。 我尝试使用下面的代码片段来处理async调用,使用redux和redux-thunk 。 CodeSandBox 上的代码这绝对可以正常工作并给出预期的 output。 还尝试了没有thunk和一些更改的相同示例, CodeSandBox 上的 ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM