如何使用createAsyncThunk帮助器分派AsyncThunk

文章/答案/技术大牛

发布

1回答

reactjs、typescript、react-native、redux、redux-thunk

我想我已经掌握了redux如何处理状态管理的基本概念。然而，我现在有点卡住了，试图让异步状态管理与redux thunk中间件一起工作。store = createStore(rootReducer, middleware) CounterReducer.tsx： import { createSlice, PayloadAction, createAsyncThunkresolve(count); }); export const delayedIncrement =

浏览 45提问于2020-12-30得票数 1

回答已采纳

1回答

通过thunkApi配置参数将调度传递给键入的CreatedAsyncThunk会导致错误

reactjs、typescript、react-redux、redux-toolkit

我已经按照中的说明创建了一个类型化的AsyncThunk。它包含一个从API获取数据的方法，没有任何过滤器，并以类型化数组的形式返回。此AsyncThunk中的代码还调用一个函数来显示数据的加载进度，我正在尝试使用ThunkApi配置来获取一个引用来分派和调用此函数。我是这样做的：import { createAsyncThunk } from '@reduxjs/toolkit'; import { AppDispatch/

浏览 35提问于2021-05-19得票数 1

1回答

是否有必要在redux状态下保存所有内容？

reactjs、redux、redux-toolkit

我使用的是redux-toolkit。一切都还好，但现在我面临着一个架构问题。我有一个端点，我需要调用它来获取一些数据，这样我才能进行最后一次调用。我将使用这个最后的调用响应来创建和执行一些逻辑，以便分派并保存在存储中，因此： 1-我是否应该在同一个createAsyncThunk调用中执行两个调用，然后只返回我需要的内容？2-这个asyncthunk调用只会处理数据，我并不真的需要它来保存任何东西，基于这两个调用，它将分派其他操作。我应该把这个放在哪里？

浏览 15提问于2021-04-29得票数 0

1回答

为什么失败的雷击不会被拒绝，我如何处理加载？

redux、redux-thunk、redux-toolkit

我试图用ReduxToolkit构建一个简单的用例： useEffect(() => { return () => {state.isLoading = false;当我运行这段代码时，会调用中止，然后重新运行钩子，并调用一个新的分派。第二次雷击被分派，待执行的动作在先前的

浏览 4提问于2021-09-03得票数 0

回答已采纳

1回答

Redux Toolkit w TypeScript:如何解包AsyncThunk的类型

typescript、redux、redux-toolkit

我有一个名为getIndexingConfig的操作 "settings/getIndexingConfigthingGroupIndexingMode }根据TS编译器，它的类型是 { groupIndexingMode:

浏览 1提问于2020-09-02得票数 0

1回答

反应与还原:当其他动作完成时，如何调度动作？

reactjs、redux-toolkit

目前，我的代码如下所示： state: true, }));}) 这是您在使用deleteSelectedEntry.fulfilled, (state: MyState, a

浏览 1提问于2022-10-13得票数 1

回答已采纳

2回答

在API响应之后，Redux工具箱状态没有更新。

reactjs、redux、redux-toolkit

Redux还原器在API响应后不更新状态，如果在API调用其工作状态之前更新状态，则在下面描述我的代码 import { createSlice } from "@reduxjs/toolkit";

浏览 11提问于2021-09-23得票数 1

回答已采纳

1回答

如何键入异步雷击的调度？

reactjs、typescript、redux、react-hooks、redux-thunk

我目前正在使用reduxjs/toolkit，我在输入钩子以返回异步thunk的分派时遇到了困难。下面是我在 (功能不全的代码)之后的设置： ResponseBody, {state: RootState} 'someAsyncThunkAction', async (_data, {rej

浏览 4提问于2021-04-25得票数 0

回答已采纳

1回答

redux工具包createAsyncThunk类型记录错误

reactjs、typescript、redux、async-await、redux-toolkit

我试图使用@reduxjs/toolkit和类型记录来调用API端点。我被一些打字错误困住了，我做错什么了？1°error：当我在MessageController.tsx中这样执行分派时，类型为'AsyncThunk<any，void，{}>‘的参数不能分配给'AnyAction’类型的参数。属性' type‘在'AsyncThunk<any，void，{}>’中缺失，但在‘AnyAction’类型中是必需的

浏览 3提问于2021-09-02得票数 1

1回答

一些常见的Redux的CreateAsyncThunk用例是什么

javascript、reactjs、redux、redux-toolkit

有谁能给我解释一下我9岁的时候怎么用createAsyncThunk吗？动作字符串是用来做什么的？它是为逻辑/路径的原因而临时创建并在不久之后销毁的吗？我能用动作字符串做什么/人们通常用它做什么？这是别人使用密码的方式，如果有人能破译这个，我会很高兴的。const action = createAsyncThunk('send/sendAction', async (form, thunkAPI) => { const data = await axios.post

浏览 0提问于2020-06-14得票数 7

回答已采纳

2回答

如何使用thunk调度来创建返回“成功”或“错误”的标准承诺

reactjs、redux、redux-toolkit

await dispatch( );export const updateNoteInFirestore = createAsyncThunk( async

浏览 6提问于2022-07-26得票数 0

1回答

如何以集中方式处理注销+重定向

reactjs、react-redux、react-hooks、react-router、redux-toolkit

在还原器(+ AsyncThunk)中，我正在执行注销所需的一切(异步http请求、本地存储+状态更新)。我唯一缺少的就是在这个“集中式上下文”中执行所需的重定向到登录页面。问题换句话说:当无法访问useDispatch钩子时，如何从“原始TS服务”(或其他“非响应组件文件”)分派操作？应该如何从401拦截器内部执行路由器重定向？这基本上可以归结为与上面相同的问题:当无法访问useHist

浏览 4提问于2021-10-17得票数 0

回答已采纳

2回答

如何从redux迁移到redux工具包？

redux、redux-toolkit

我成功地使用createSlice编写了还原器，但操作似乎很混乱。getPeople:action.payload } }}const listPeopleReducer = createSlice({ getPeo

浏览 6提问于2021-08-04得票数 2

2回答

在异步动作Redux工具箱中显示Laravel接收的错误

javascript、reactjs、laravel、react-redux、redux-toolkit

这是我的切片中的async thunk函数，我使用的是axios (http来自定义为axios.create()的另一个文件) const response = await http.post("/login", data);});const initialState = { load

浏览 1提问于2022-09-12得票数 1

回答已采纳

2回答

createAsyncThunk:中止先前的请求

javascript、redux、redux-toolkit

我使用createAsyncThunk向某些API发出异步请求。在任何特定时刻，只有一个请求是有效的。我理解，如果我有从上一次调用中返回的承诺，则可以使用提供的AbortSignal中止请求。

浏览 5提问于2020-11-03得票数 2

回答已采纳

1回答

在不使用useEffect的情况下，在redux工具箱中状态发生变化时，如何分派操作？

javascript、reactjs、redux、react-redux、redux-toolkit

如果我想在某个状态发生变化时分派一个动作，那么目前我是如何通过侦听组件useEffect钩子中的状态，并在状态发生变化时分派一个动作来实现的。例如，假设我有以下部分： const { data

浏览 2提问于2021-12-16得票数 4

1回答

Redux-带有类型记录的工具包createAsyncThunk

typescript、redux、redux-toolkit

环境我正在使用redux和redux-toolkit进行本地州管理。我读了redux-toolkit文档。我发现我们可以使用createAsyncThunk()函数在redux-toolkit中分派thunk操作。此函数自动分派pending、fulfilled、rejected动作。const fetchAdminPassword = createAsyncThunk('adminPassword&#

浏览 0提问于2021-06-05得票数 1

回答已采纳

1回答

createAsyncThunk的动作创建者能被添加到“减速器”中而不是createSlice中的“extraReducers”中吗？

javascript、redux、react-redux、redux-thunk

在中，createAsyncThunk返回的动作创建者的还原器作为extraReducers传递给createSlice，如下所示：//omit createAsyncThunk name: 'todos', reducers

浏览 15提问于2021-05-30得票数 1

回答已采纳

1回答

如何在存在但在收到之前未知的情况下显示响应错误

javascript、reactjs、redux

使用Redux，我有一个asyncThunk，我希望从中显示错误。当我尝试：// Save a new role "roles/saveRole", } catch (err) { }); 减速器：

浏览 2提问于2022-03-16得票数 0

1回答

从Redux/Redux工具包中的另一个片分派减速器

redux、redux-toolkit

nextInstrumentId++; }); ....在特定音乐家的页面上：fetchInstruments和fetchSongs被分派然后，我使用的选择器只过滤与该页面的特定音乐家ID匹配的乐器或歌曲。到目前为止，我已经成功地使用了这三个单独的切片。现在，我想要创建一个仪表板，在那里我可以查看所有音乐家的摘要信息。但是，理想情况下，我不希望重复fetchInstruments或fetchSongs减缩器中存在的逻辑(例如在上

浏览 1提问于2021-02-01得票数 2

点击加载更多