在 Reactjs Redux Redux-thunk 中进行依赖 api 调用的正确方法是什么
我想在第一次加载时在一个组件中显示数据.我有一个 API 调用，第二个 API 取决于第一个 API 响应.如何管理此调用序列和错误处理?如果有人有示例链接，那对我来说非常好，因为我是 Reactjs 和 Redux 的新手. 解决方案 我有一个例子.我进行了 2 个 API 调用.我需要注册一个用户(第一个请求)和他的伙伴.为了注册合作伙伴(第二个请求)，我需要从 first reque
..
redux-thunk相关内容
“AsyncThunkAction"类型的 Redux-toolkit 上不存在属性“then"
我似乎无法从 Redux-toolkit 的 createAsyncThunk 函数接收到 Promise我对打字稿相当陌生，我正在努力弄清楚为什么它会给我属性 'then' 在类型 'AsyncThunkAction' 错误中不存在，即使我删除输入后会返回承诺.这是我的 createAsyncThunk f-n export const getStudentByIdRequest = crea
..
Redux createStore 错误:预期reducer 是一个函数
我在 createStore 上遇到错误，我不明白为什么. import { createStore, applyMiddleware, combineReducers, compose } from 'redux';从“redux-thunk"导入 thunk从“redux-promise-middleware"导入承诺从 './reducers' 导入 * 作为减速器；const 中间件 =
..
打字稿显然为派遣的 Thunk 推断出错误的类型
完整的代码和盒子示例 这里 我声明了一个简单的动作类型和一个调度它的异步 thunk: type ActionType = { type: “foo";v: 数字 };const FooThunk: ThunkAction, any, any, ActionType>=(调度):承诺=>{return new Promise((resolve) => {setTimeout(() => {
..
如何添加“redux-thunk"和“redux-promise"?
我的样板文件与 redux-thunk 文档的顺序相反.我的样板文件 createStore 是参数，但文档使用 createStore 作为函数.我现在很困惑.如何正确实现 store? 我需要使用 redux-thunk.但我的样板是这样的 import React, {Component} from 'react';导入'./App.css';从“./components/selec
..
如何在 Typescript 中使用 redux-thunk 使用 ThunkAction 正确键入 thunk?
我正在尝试使用 Typescript 对我的 redux-thunk 代码进行类型检查. 来自 Redux 的官方文档:使用Redux Thunk，我们得到这个例子: //src/thunks.ts从'redux'导入{动作}从 './store/chat/actions' 导入 { sendMessage }从 './store' 导入 { RootState }从“redux-thun
..
如何在新动作上取消先前动作的执行?
我有一个动作创建者，它进行昂贵的计算并在每次用户输入内容时分派动作(基本上是实时更新).但是，如果用户输入多个内容，我不希望之前的昂贵计算完全运行.理想情况下，我希望能够取消先前计算的执行并只执行当前计算. 解决方案 没有内置功能可以取消 Promise 在异步操作中.如果您使用 AJAX 请求，您可以尝试手动实现取消，但是，如果您使用 Fetch API(正在讨论添加此功能这里a>).
..
Redux 动作调度不起作用
我试图在用户提交表单时分派一个动作.假设我有一个提交按钮，它会触发表单上的 onSubmit 事件(最终会在处理表单请求时显示一个微调图标，但此时，提交按钮只显示一个 true 或 false 值表示是否显示微调器). LoginPage.js 从'react'导入React；从'react-router-dom'导入{链接}；导出类 LoginPage 扩展 React.Componen
..
带有打字稿的 redux-thunk
我正在尝试学习 redux 并且我正在尝试实现 redux-thunk 中间件.我一直在关注一些不同的教程，他们提出了类似的建议: 从“redux-thunk"导入 thunk；从“redux-promise-middleware"导入承诺；...const 中间件 = applyMiddleware(promise(), thunk);const store = createStore(red
..
如何从传奇中发送 thunk?
我知道我不应该试图从 sagas 中发送 thunk，这与 redux-saga 试图做的事情背道而驰.但是我在一个相当大的应用程序中工作，大部分代码都是用 thunk 编写的，我们正在逐位迁移，需要从 saga 内部发送一个 thunk.thunk 不能更改，因为它用于其他部分(返回 promise 的 thunk)，因此它会破坏很多东西. 配置存储: const store = cre
..
从 redux 中的 reducer 取回 ID
我是新手，正在尝试使用 react & 构建一个简单的书签应用程序.还原. 我无法解决这个问题: 用户可以创建一个书签并将其添加到多个文件夹.所以我调度一个 addMark(bookmark) 动作，然后在 addMark(folder) 或 editFolder(folder) 之后，如果文件夹已经存在.如您所见，书签和文件夹是通过相同的操作添加的，因为在我的状态树中，它们都只是标记
..
我应该如何使用“redux-thunk"?对于异步初始状态?(反应/还原)
这个问题已经被问过好几次了，但是我并没有真正理解我找到的答案.使用 React/Redux，我正在尝试使用 express 将异步数据置于我的初始状态.由于我习惯于 d3，我的选择之一是使用“d3.json"……但如果它更好，我会很乐意使用其他东西.从之前关于同一主题的答案中，我添加了以下代码: //使用调度程序的 redux 操作(想想中间件)导出函数cool(url) {返回函数(调度){返
..
如何使用 Jest 测试 Thunk 操作?
我是使用 Jest 对 Redux-Thunk 异步操作进行单元测试的新手. 这是我的代码: export const functionA = (a, b) =>(调度) =>{dispatch({ type: CONSTANT_A, payload: a });dispatch({ type: CONSTANT_B, payload: b });} 如何使用 Jest 测试此功能?
..
如何在 saga 异步请求后设置状态
我在我的项目中使用 redux-saga.我之前使用过 redux-thunk，所以我不能 setState 结束一些异步请求.喜欢 this.props.thunkAsync().然后(){this.setState({ '' });} 由于 thunk 返回 promise，我可以使用“then".但是我不能用 saga 做到这一点，因为 saga 不返回承诺.因此，我通过检查标志道具(如
..
用于 thunk 调度的正确 TypeScript 类型?
我有一个异步 redux 操作，所以我使用了 thunk 中间件. 我有一个组件的 mapStateToProps、mapDispatchToProps 和 connect 函数，如下所示: const mapStateToProps = (store: IApplicationState) =>{返回 {加载:store.products.loading，产品:商店.产品.产品};};c
..
如何使用 Redux Toolkit(使用 TypeScript)解决“AsyncThunkAction"类型中缺少“属性"类型?
我将 Redux Toolkit 与下面的 thunk/slice 一起使用.与其在状态中设置错误，我想我可以通过等待 thunk 承诺解决来在本地处理它们，使用此处提供的示例. 我想我可以避免这样做，也许我应该通过在状态中设置 error 来避免这样做，但我有点想了解我在这方面出错的地方. 'AsyncThunkAction' 类型的参数不可分配给类型为“Action"的参数.类型“As
..
使用 redux-thunk 取消之前的异步操作
我正在使用 redux-thunk 中间件构建一个 React/Redux 应用程序来创建和处理 Ajax 请求.我有一个经常被触发的特定 thunk，我想在触发新的请求之前取消任何以前启动的 Ajax 请求.这可能吗? 解决方案 一种方法是通过为这些请求提供随机 ID 并在处理结果之前检查其状态来将这些请求标记为已取消. 这样做的方法是在您的第一次调度中(在 thunk 中)为该调
..
在 Redux Thunk 中使用 getState 是好的做法吗?
我在此处的其他问题中看到了相互矛盾的(或让我感到困惑的)答案，这些问题涉及在操作中使用 getState 是否可以接受，而且我已经看到很多次了称为反模式.对我来说，它似乎工作得很好，但如果我们不使用 getState，这样做的最佳实践是什么? 我在 thunk 中使用 getState 来过滤当前连接到一些模拟数据并被拉入应用程序状态的用户数组. 这是我的操作代码: export c
..
在 Redux Reducer 中执行 Ajax Fetch?
我正在尝试访问 Redux actionCreators 中的状态；而是执行以下操作(在减速器中执行 ajax 操作).为什么我需要为此访问状态 - 因为我想使用存储在状态中的 CSRF 令牌执行 ajax. 有人可以告诉我以下是否被认为是不好的做法/反模式吗? export const reducer = (state = {} , action = {}) =>{案例 DELETE_C
..
如何调度 Action 或 ThunkAction(在 TypeScript 中，使用 redux-thunk)?
假设我有这样的代码: import { Action, Dispatch } from 'redux';从 'redux-thunk' 导入 { ThunkAction };接口状态树{字段:字符串；}function myFunc(action: Action | ThunkAction,调度:调度){调度(动作)；//
..