redux-thunk相关内容

使用 react-router-v5 和 redux-toolkit 登录时重定向页面

我使用的是 react-router-dom v5.2. 登录后,我希望我的页面从 / 重定向到 /home.登录表单位于 /. 当我尝试在没有任何异步功能的情况下执行身份验证(即,将用户名和密码与 react 中的硬编码值进行比较)时,一切正常. 但是当我使用 express 和 mongo 执行身份验证时,登录时的重定向停止工作.如果我再次登录,则会发生重定向.受保护的路由仍 ..
发布时间:2021-07-03 20:04:49 其他开发

React Redux 从后端方法获取数据

我有点困惑,希望得到一个能帮助我理清思路的答案.假设我有一个后端(nodejs、express 等),我在其中存储我的用户及其数据,有时我想从后端获取数据,例如登录后的用户信息,或产品列表并保存他们在州内. 到目前为止我的方法和我所看到的,我在组件加载之前获取数据并使用响应中的数据分派一个动作.但我最近开始深入研究这个,我看到了我之前知道的 react-thunk 库,并开始怀疑从后端/AP ..
发布时间:2021-07-03 20:00:44 其他开发

redux-thunk 和 redux-promise 有什么区别?

据我所知,如果我错了,请纠正我,redux-thunk 是一个帮助我们调度的中间件当我使用 redux-promise 时,操作本身中的异步函数和调试值我无法在不实现我的情况下创建异步函数自己的机制,因为 Action 会抛出仅调度普通对象的异常. 这两个包的主要区别是什么?在单页反应应用程序中使用这两个包或坚持使用 redux-thunk 是否有任何好处? 解决方案 redux-t ..
发布时间:2021-07-03 19:58:18 其他开发

redux thunk - 承诺完成后如何在嵌套数组中调度数据

我想将 newArray 中的所有“默认文本"转换为“新文本".然后用“新文本"发送数组.问题是调度函数正在调度“默认文本".看起来它不等待承诺.下面代码中我的 Promise 设置有什么问题? 返回调度=>{让新数组 =[{ post:[ {message:'default text'}, {message:'default text'}] }]让任务 = newarray.map( (i) ..
发布时间:2021-06-22 19:26:18 前端开发

Firebase firestore:未处理的拒绝(RangeError):超出最大调用堆栈大小

出于学习目的,开始使用 createAsyncThunk 玩耍,决定用firebase firestore实现购物车,但是在尝试在我的React应用中实现分页时遇到了问题. 在初始加载和后续加载(无限加载)期间,如何将最后一个可见状态返回到我的redux状态 我基于redux教程沙箱中的代码: 我不太确定如何将此 lastVisible 数据重新设置为redux状态,是否可以通过 ..

react-redux-firebase error'Firebase实例尚不存在.检查您的撰写功能."

我在我的项目中使用"react-redux-firebase",并希望将firebase集成到react-thunk中.在本地一切正常,但是将项目部署到Firebase托管时出现错误. 未捕获的错误:Firebase实例尚不存在.检查您的撰写功能. 这是什么问题? store.js import {createStore,compose,applyMiddleware}从'r ..
发布时间:2021-05-07 20:15:05 前端开发

使用Redux-Thunk/Axios从onUploadProgress事件调度操作

以下代码可以正常上传文件,并且可以成功响应或失败,但是,我无法弄清楚如何从 onUploadProgress 事件调度我的 uploadFileProgress 操作.我可以 console.log 进度/百分比,当我尝试将分派包装在IIFE中时,触发分派不是函数错误.希望这是我所缺少的一个小问题.预先感谢! 导出函数uploadFile(values,callback =()=> {}){co ..
发布时间:2021-04-13 18:48:18 其他开发

我应该将承诺存储在Redux中吗?

我正在在线食品订购应用程序中使用Redux和React. 当用户从购物篮中取出物品时,我需要向服务器发出XHR请求,以计算购物篮的新总价. XHR完成后,我将更新redux存储并渲染新价格.我正在使用Redux thunk来管理此异步操作. 有一个问题,就是用户迅速从篮子中取出了两个物品.用户删除了第一个项目,然后我解雇了XHR以获取新价格.然后,用户单击按钮以删除第二个项目,并触发第 ..
发布时间:2020-09-15 21:59:24 前端开发

如何使用React Redux发出发布请求?

我创建了一个包含电子邮件,名字,姓氏详细信息的表单.现在,我想向localhost:5000/api/users发出POST请求,并将其存储在mongo数据库中.如何使用redux?我已经在reactjs上实现了它,但是我只能使用redux吗?注意:我正在使用redux thunk. 代码: login.js: import React, { Component } from ' ..
发布时间:2020-09-15 21:56:22 其他开发

与将常规函数用作异步操作创建者相比,在redux中使用thunk中间件有什么好处?

我已经使用redux大约两个月了,最近才开始探索探索处理异步行为(例如,获取数据)的不同方法.它从文档和 thunk中间件这是一个非常简单的概念,但是我不确定当一个简单的独立函数可以将执行异步状态机的责任交给redux中间件时,是否能理解我的好处已被使用. 使用重磅中间件的传统Redux方法 异步操作创建者 fetchPosts function fetchPosts(reddi ..
发布时间:2020-09-13 06:12:45 前端开发

在redux中将业务逻辑放在哪里?行动或存储

我来自回流到 Redux .在Reflux中,您的业务逻辑仅存在于商店中,但在 Redux 中似乎有所不同.例如,在" Redux "中,我有“异步操作" ,我用" redux-thunk "来实现它. 在一种情况下,我想检查我的动作,如果需要,我向服务器发送请求并获取一些数据.在这种情况下,我必须检查我的操作逻辑,而实际上我的业务逻辑存在于操作中并存储在一起,这不好..您的解决方案是什么? ..
发布时间:2020-07-05 20:29:57 其他开发