redux-thunk相关内容

需要澄清Reaction+Reaction-Redux挂钩+中间件thunk+抓取API

我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i ..
发布时间:2022-09-23 22:09:42 其他开发

使用带Redux-Tunk的ConnectedProps获取正确的派单类型

根据标题,我使用的是Redux-Toolkit&;TypeScrip。特别是,我正在尝试使用redux docs中建议的ConnectedProps。遗憾的是,它似乎没有得到正确的派单类型(特别是它认为它具有正常的派单类型,而不是ThunkDispatch)。 有什么建议吗?目前我要么: (1)使用自定义的“useThunkDispatch”挂钩。但这引入了我并不真正想要的额外行 ..
发布时间:2022-09-23 22:04:11 其他开发

在redux-thunk中调用一个异步函数内的另一个函数

我正在构建一个Reaction应用程序,并使用redux-thunk进行异步操作。我有两个函数getActivities()和createActivity(),我想在成功调用后者后调用前者。但是如果我将getActivities()放在createActivity()的then块中,它就不会被调用(这通过没有看到我放在getActivities()中的console.log()来证明)。下面是两个 ..
发布时间:2022-09-23 21:46:12 前端开发

为什么我们需要中间件用于 Redux 中的异步流?

根据文档,"没有中间件,Redux store 只支持同步数据流".我不明白为什么会这样.为什么容器组件不能调用异步 API,然后 dispatch 动作? 例如,想象一个简单的 UI:一个字段和一个按钮.当用户按下按钮时,该字段将填充来自远程服务器的数据. import * as React from 'react';从'redux'导入*作为Redux;从'react-redux' ..
发布时间:2022-01-31 11:49:41 前端开发

如何使用“next-redux-wrapper"使用“Next.js"、“Redux-ToolKit"和打字稿正确吗?

我在 Next.js 应用程序中使用 RTK (redux-toolkit).我正在尝试在“getInitialProps"中发送一个 AsyncThunk Action.搜索时,我发现了一个名为“next-redux-wrapper"的包.暴露“商店"在“getInitialProps"中,但我正在努力弄清楚如何使其适用于我的项目. 这是我目前使用带有 2 个减速器的 Typescript ..
发布时间:2022-01-08 23:10:18 其他开发

我应该在 Redux 中存储 promise 吗?

我在一个在线食品订购应用中使用 Redux 和 React. 当用户从他们的购物篮中移除一件商品时,我需要向服务器发出 XHR 请求以计算购物篮的新总价.当这个 XHR 完成时,我更新 redux 商店并呈现新价格.我正在使用 Redux thunk 来管理这个异步操作. 有一个问题是用户快速连续地从购物篮中移除了两个项目.用户删除了第一件商品,然后我触发了 XHR 以获得新价格.然后 ..
发布时间:2022-01-01 10:26:03 前端开发

如何使用 react redux 发出帖子请求?

我创建了一个包含电子邮件、名字、姓氏详细信息的表单.现在我想向 localhost:5000/api/users 发出 POST 请求,并希望将其存储在 mongo 数据库中.如何使用 redux ?我只在 reactjs 上使用了它,我该如何使用 redux ?注意:我使用的是 redux thunk. 代码: 登录.js: import React, { Component } ..
发布时间:2022-01-01 10:16:53 其他开发

如何避免在 axios 中发送多个重复的 AJAX 请求

是否可以使用 axios 自动限制所有发送到特定端点列表的请求?也许使用 axios 拦截器? 目前我限制了发送 axios 请求的用户操作,但问题是我必须在任何地方都写这个,我有一个用户操作会导致一些 AJAX 请求.像这样 const ThrottledDismissNotification = Throttle(dismissNotification, 1000)const 解雇 ..
发布时间:2022-01-01 10:15:25 前端开发

什么时候应该使用 Redux Saga 而不是 Redux Thunk,什么时候应该使用 Redux Thunk 而不是 Redux Saga?

这个问题与过去不同,这就是为什么.这个问题是什么时候.由于两者本身都是很好的框架,因此问题是我什么时候应该使用 thunk 而不是 saga.因为我的一个朋友一直坚持要我在我们的应用程序中使用 saga 但没有明显的原因.先谢谢了 解决方案 根据一些阅读材料和我的经验... 使用 Thunk 而不是 Saga 来处理简单琐碎的任务,例如: AJAX 调用 数据轮询并且仅当它们 ..
发布时间:2021-12-29 11:37:37 其他开发

MapDispatchToProps 导致父组件中的 Typescript 错误,期望操作作为道具传递

在我的子组件中,我定义了 MapDispatchToProps,将它们传递给 connect 并相应地定义了一个接口 PropsFromDispatch,该接口在 React.Component Props 接口中扩展.现在在我的父组件中,Typescript 告诉我它缺少我在 PropsFromDispatch 中定义的属性. 这似乎并不完全荒谬,因为我将它们定义为 React.Compo ..
发布时间:2021-12-21 18:46:31 其他开发

React Native 中可能出现未处理的承诺拒绝网络错误

我使用 express.js 设置我的本地服务器,它只是处理请求并返回简单的消息. app.get('/hello', (req, res) => {res.send('世界你好!');}); 我执行了服务器并在网络浏览器上对其进行了测试,效果很好. 我只是想在我的 react-native 应用程序上执行此操作. 这是我的action.js文件 从'axios'导入axios; ..
发布时间:2021-12-21 18:41:28 其他开发