问题标签 [redux-async-actions]
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.
reactjs - 数据在动作接线中的某处丢失
我有一个简单的注册表单,其中包含电子邮件、密码和管理员代码字段。我将这些数据传递给我的动作创建者,并且在完成注册之前我让它通过三个动作。在那里的某个地方,它只是停止了。它不返回任何错误。这是我的代码。
需要注意的几点:
if (snapshot.val() === adminCode) {
确实有效。- 在我添加管理代码之前,我让表单直接提交
registerUser
并成功了。 我放置了一些console.logs 试图找出故障发生的确切位置。测试以下代码后:
/li>
console.log('test1');
工作,console.log('test2');
没有工作。
再一次,它没有返回错误,所以我不知道如何描述正在发生的事情或要搜索的内容。
请帮忙。提前致谢。
c# - C# TestMethod - 异步指数()
我是单元测试的新手,对 C# 也比较陌生。不是很好的组合!我在这个论坛上查看了类似的问题,并尝试了没有成功的解决方案。在我的家庭控制器中,我定义了以下方法。我该如何写一个[MethodTest]
for async Task <ActionResult>
?
家庭控制器
如果有人可以帮助或指出我正确的方向,我将不胜感激。
typescript - 使用 Typescript 测试 redux 异步操作
嘿伙计们,我正在尝试使用 Typescript 测试我的异步操作创建者,但我遇到了一个我无法解决的类型错误。
这是我的行动:
这是我的异步动作创建者:
'get' 函数是我创建的用于处理 'fetch' GET 调用的中间件(它在标头中添加了一些内容等)。
这是我的测试:
我在控制台中收到此错误:
我不确定我在这里做错了什么,我查看了测试异步动作创建者的 redux 示例方法,这是类似的。我无法弄清楚我的问题来自哪里。
我确实知道我将不得不模拟我的fetch
API 调用并更新我的expectActions
变量,但代码没有因此而编译..
reactjs - 开玩笑异步操作创建者:TypeError:无法读取未定义的属性“then”
有点新手在这里开玩笑。我正在尝试使用 jest 为我的 React 项目中的异步操作创建者之一编写单元测试用例。我一直遇到错误TypeError: Cannot read property 'then' of undefined
下面是我的动作创建者:
./services.js
下面是我的测试:
请帮忙
redux - 如何在“待定”状态下在“createAsyncThunk”上发送自定义参数?
何时fetchUserById()
创建其输出响应被定义。
但是,当操作处于“待处理”状态时,如何定义响应?
reactjs - React-redux 动作被无限调用(无限循环)
当在 useEffect 函数中调用 action 时,react-component 会无休止地重新渲染
在这里,我使用 connect 方法来调度动作(也尝试了 hooks 方式)。
正如你在这里看到的,我正在调用动作调度来存储状态。但是组件不断重新渲染,我有什么可能的解决方案来阻止这种行为吗?在下面附加记录器响应
reactjs - 使用 Redux 处理完整异步服务的最佳实践是什么?
我想知道使用 Redux 处理带有错误、加载等的异步服务的最佳方法是什么,以及如何实现它?我目前正在使用 Promise 一个 axios 来处理 API 并调用 3 个动作请求,成功和失败:
我的响应形状对象:
有一段时间我使用:
我在创建 axios 实例时使用 axios 拦截器来处理错误,并将我的所有错误堆叠起来,并在它们发生时将它们显示为模态。
我想要一些关于我的结构的评论,并更多地了解另一种以更好的性能和内存来处理异步服务的方法。谢谢!
redux - 如何在 redux 中执行依赖异步调用?
背景
我有使用 redux 和 redux-thunk 的反应应用程序。
试图了解如何编排异步调用。仅当先前调度的动作(API 调用)成功时如何调度动作。
用例
我有EmployeesComponent。该组件有两个虚拟的表示组件
- EmployeesList 基本上列出了员工。
- AddEmployeeForm,这是一种添加新员工的模式。
在渲染EmployeesComponent 时,在useEffect 挂钩中,我调度了一个动作来加载员工。到现在为止还挺好。
当我用户在 AddEmployeeForm 中输入数据并提交表单时,如果 API 调用成功,我想再次实现加载所有员工。
我在理解如何知道我是否可以调度加载所有员工的操作时遇到问题。这是我的提交处理程序的样子。
挑战
handleSubmit 中的当前方法对我来说很臭。业务逻辑有点放在 UI 中,并且失去了将 UI 和业务逻辑明确分离的好处。我很难弄清楚要采用什么方法以及如何处理这些用例。
另一个用例示例:
- 派遣登录用户
- 如果登录成功,您会从后端获取令牌
- 如果登录成功,则根据检索到的令牌调度一个操作以加载用户数据