问题标签 [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.

0 投票
1 回答
35 浏览

reactjs - 数据在动作接线中的某处丢失

我有一个简单的注册表单,其中包含电子邮件、密码和管理员代码字段。我将这些数据传递给我的动作创建者,并且在完成注册之前我让它通过三个动作。在那里的某个地方,它只是停止了。它不返回任何错误。这是我的代码。

需要注意的几点:

  • if (snapshot.val() === adminCode) {确实有效。
  • 在我添加管理代码之前,我让表单直接提交registerUser并成功了。
  • 我放置了一些console.logs 试图找出故障发生的确切位置。测试以下代码后:

    /li>

console.log('test1');工作,console.log('test2');没有工作。

再一次,它没有返回错误,所以我不知道如何描述正在发生的事情或要搜索的内容。

请帮忙。提前致谢。

0 投票
2 回答
2796 浏览

reactjs - Redux 存储在组件中变空

我在组件中获取 redux 存储时遇到问题。我正在使用 redux-react async 从 api 获取数据。我从 jsonplaceholder api 获得数据,但是在配置商店并将商店与根组件连接时遇到问题。我可以使用记录器和 redux 开发工具扩展来查看存储中的数据。

console.log(store.getState())在索引组件中做了,商店是空的:clientData: {}。我不知道我错过了什么,我需要一些提示。

//动作创建者

// 客户端数据缩减器

//rootreducer

//配置存储

//索引组件

//连接组件

在此处输入图像描述

0 投票
1 回答
95 浏览

c# - C# TestMethod - 异步指数()

我是单元测试的新手,对 C# 也比较陌生。不是很好的组合!我在这个论坛上查看了类似的问题,并尝试了没有成功的解决方案。在我的家庭控制器中,我定义了以下方法。我该如何写一个[MethodTest]for async Task <ActionResult>

家庭控制器

如果有人可以帮助或指出我正确的方向,我将不胜感激。

0 投票
1 回答
2552 浏览

typescript - 使用 Typescript 测试 redux 异步操作

嘿伙计们,我正在尝试使用 Typescript 测试我的异步操作创建者,但我遇到了一个我无法解决的类型错误。

这是我的行动:

这是我的异步动作创建者:

'get' 函数是我创建的用于处理 'fetch' GET 调用的中间件(它在标头中添加了一些内容等)。

这是我的测试:

我在控制台中收到此错误:

我不确定我在这里做错了什么,我查看了测试异步动作创建者的 redux 示例方法,这是类似的。我无法弄清楚我的问题来自哪里。

我确实知道我将不得不模拟我的fetchAPI 调用并更新我的expectActions变量,但代码没有因此而编译..

0 投票
1 回答
735 浏览

reactjs - 开玩笑异步操作创建者:TypeError:无法读取未定义的属性“then”

有点新手在这里开玩笑。我正在尝试使用 jest 为我的 React 项目中的异步操作创建者之一编写单元测试用例。我一直遇到错误TypeError: Cannot read property 'then' of undefined

下面是我的动作创建者:

./services.js

下面是我的测试:

请帮忙

0 投票
1 回答
2137 浏览

redux - 如何在“待定”状态下在“createAsyncThunk”上发送自定义参数?

何时fetchUserById()创建其输出响应被定义。

但是,当操作处于“待处理”状态时,如何定义响应?

0 投票
0 回答
54 浏览

reactjs - React-redux 动作被无限调用(无限循环)

当在 useEffect 函数中调用 action 时,react-component 会无休止地重新渲染

在这里,我使用 connect 方法来调度动作(也尝试了 hooks 方式)。

正如你在这里看到的,我正在调用动作调度来存储状态。但是组件不断重新渲染,我有什么可能的解决方案来阻止这种行为吗?在下面附加记录器响应

0 投票
0 回答
112 浏览

reactjs - 使用 Redux 处理完整异步服务的最佳实践是什么?

我想知道使用 Redux 处理带有错误、加载等的异步服务的最佳方法是什么,以及如何实现它?我目前正在使用 Promise 一个 axios 来处理 API 并调用 3 个动作请求,成功和失败:

我的响应形状对象:

有一段时间我使用:

我在创建 axios 实例时使用 axios 拦截器来处理错误,并将我的所有错误堆叠起来,并在它们发生时将它们显示为模态。

我想要一些关于我的结构的评论,并更多地了解另一种以更好的性能和内存来处理异步服务的方法。谢谢!

0 投票
1 回答
159 浏览

redux - 如何在 redux 中执行依赖异步调用?

背景

我有使用 redux 和 redux-thunk 的反应应用程序。

试图了解如何编排异步调用。仅当先前调度的动作(API 调用)成功时如何调度动作。

用例

我有EmployeesComponent。该组件有两个虚拟的表示组件

  • EmployeesList 基本上列出了员工。
  • AddEmployeeForm,这是一种添加新员工的模式。

在渲染EmployeesComponent 时,在useEffect 挂钩中,我调度了一个动作来加载员工。到现在为止还挺好。

当我用户在 AddEmployeeForm 中输入数据并提交表单时,如果 API 调用成功,我想再次实现加载所有员工。

我在理解如何知道我是否可以调度加载所有员工的操作时遇到问题。这是我的提交处理程序的样子。

挑战

handleSubmit 中的当前方法对我来说很臭。业务逻辑有点放在 UI 中,并且失去了将 UI 和业务逻辑明确分离的好处。我很难弄清楚要采用什么方法以及如何处理这些用例。

另一个用例示例:

  • 派遣登录用户
  • 如果登录成功,您会从后端获取令牌
  • 如果登录成功,则根据检索到的令牌调度一个操作以加载用户数据
0 投票
1 回答
500 浏览

reactjs - 在 redux-thunk 异步操作中使用 getState

我正在尝试在异步操作中使用 getState 函数。我正在使用 Typescript 和中间件 redux-thunk 在 React 中工作。我添加了带有 getState 的参数作为第二个参数,如下所示:

但是我在连接组件中输入此 getState 时遇到问题。往下看:

错误在最后一行:

就像在下面的屏幕上:

在此处输入图像描述

我怎样才能避免这个错误?在这种情况下,getState 函数的正确类型是什么?我将不胜感激。