'AsyncThunkAction‘Redux-toolkit类型上不存在属性'then’
AsyncThunkAction是Redux Toolkit中的一个类型，它用于定义异步的thunk action。Thunk action是一种特殊的action creator，它返回一个函数而不是一个普通的action对象。而AsyncThunkAction则是在thunk action中处理异步逻辑时使用的类型。
在Redux Toolkit中，我们可以使用createAsyncThunk函数来创建AsyncThunkAction。createAsyncThunk接受两个参数：一个字符串类型的action类型，和一个异步的回调函数。回调函数可以是一个异步操作，例如发送网络请求或者执行数据库查询等。
AsyncThunkAction的属性'then'不存在，因为它不是一个Promise对象。相反，它是一个包含了异步操作状态的action对象。这个action对象包含了三个属性：pending、fulfilled和rejected。当异步操作开始时，会先派发一个pending状态的action，表示异步操作正在进行中。当异步操作成功完成时，会派发一个fulfilled状态的action，携带着异步操作的结果数据。而当异步操作失败时，会派发一个rejected状态的action，携带着错误信息。
在Redux Toolkit中，我们可以使用createSlice函数来创建一个包含了AsyncThunkAction的slice。createSlice函数会自动为我们生成对应的reducer和action creators，简化了Redux的使用流程。
关于AsyncThunkAction的更多信息，你可以参考腾讯云的相关文档：
请注意，以上答案仅供参考，具体的实现方式可能会根据具体的项目需求和技术栈而有所不同。
相关·内容
我似乎不能接收来自createAsyncThunk函数的Promise来自Redux-toolkit我对Typescript还很陌生，我在努力弄清楚为什么它会给我Property 'then' does not exist on type 'AsyncThunkAction<Student, number, {}>'错误，即使如果我删除键入就会返回promise。这是我的createAsyncThunk f-n export const getStudentByIdRequest = createAsyncThunk<Student, num
浏览 32提问于2020-09-09得票数 4
回答已采纳
我最近正在探索redux-toolkit库，但在createAction函数的类型声明方面遇到了困难，如下所示。
createAction返回一个具有<ReturnType<PA>['payload'], T, PA>泛型的PayloadActionCreator。然而，ReturnType<PA>['payload']是什么意思呢？
export declare function createAction<PA extends PrepareAction<any>, T extends string =
浏览 6提问于2020-12-21得票数 2
回答已采纳
我正在尝试Redux-Toolkit，我真的很喜欢它的简洁性，但我不知道如何读取服务器响应状态码，并根据它来调度不同的操作。例如，我正在向API发送一个注册请求 export const registerRequest = createAsyncThunk(
'register/registerRequest',
async (userInfo: RegisterInfo) => {
const { firstname, lastname, email, password } = userInfo
const { data } = await
浏览 22提问于2020-07-21得票数 3
回答已采纳
1回答
派发后进行API调用
、、、
我在Redux-toolkit中使用React。假设我需要获取一些数据(假设它是一个数字数组)，然后在页面上以列表的形式显示这些数字，然后立即循环该数组，并使用每个数字作为参数发出API请求。这应该通过单击一个按钮来实现。因此，按钮组件如下所示： export const Button: React.FunctionComponent = () => {
const dispatch = useDispatch()
const onClickButton = () => {
dispatch(fetchNumbers())
}
return (
浏览 12提问于2020-10-20得票数 0
回答已采纳
在我的React中，我使用进行状态管理。如果我的表行是Redux-toolkit entityAdapter的实体，我想为每一列应用表排序。我想在我的减速器里像这样改变sortComparer函数。
sortEntities: (state,action) =>{
return {
...state,
sortComparer:(a:myEntityType,b:myEntityType)=> a.title.localCompare(b.title)
};
},
我在列的onClick处理程序上分派onClick操作。这种更改sortComparer不是抛出任何规则无效，而是不起
浏览 2提问于2021-09-16得票数 3
回答已采纳
我正在将redux-toolkit添加到一个使用Redux的现有项目中，并且我遇到了一些与Typescript类型相关的意外行为。在下面的代码中，我期望将unwrapResult传递给.then的行为类似于只传递(res) => unwrapResult(res)。 import { unwrapResult } from '@reduxjs/toolkit';
import { useAppDispatch } from 'Init/store';
const pingAction = createAsyncThunk('test/ping&
浏览 90提问于2020-07-20得票数 0
我已经提到了几个链接，包括https://github.com/reduxjs/redux-toolkit/issues/81。但它早在2019年就得到了回答，而且没有太大帮助。
浏览 172提问于2021-05-04得票数 0
回答已采纳
我使用redux-toolkit来实现。我想在我自己定制的带有参数的reselect选择器中使用它们。但是我不知道如何键入我的选择器的返回类型？
const selectOrganizationName = (id: string): ??? =>
createSelector(
[(state: RootState) => organizationSelectors.selectById(state, id)],
organization => organization.name
);
export default selectOrganizati
浏览 1提问于2021-03-09得票数 10
回答已采纳
1回答
我在redux-toolkit (typeScript)中使用useSelector类型，如下所示：
const usersPage = useSelector<IRootState, number>((state) => state.users.page)
我在这个中看到了堆叠溢出的代码！
但现在我的问题是从哪里可以进口这种类型的!？或者更多！我要做这个还是进口这个？
浏览 1提问于2022-08-23得票数 0
回答已采纳
我在用redux-toolkit和next-redux-wrapper开发一个新的next-redux-wrapper应用程序时遇到麻烦，我发现的所有方法都是解释使用typescript，所以如果可以的话请帮助我
我想让一个应用程序使用Nextjs，Redux-toolkit和next-redux-wrapper而不使用类型记录
浏览 7提问于2022-03-26得票数 1
回答已采纳
我对redux非常陌生，在这里我正在使用redux-toolkit。 有没有办法从redux-toolkit中的单个切片文件中导出多个切片？？ 示例 import { createSlice } from '@reduxjs/toolkit';
const isAuthenticated = createSlice({
name: isAuthenticated,
initialState: false,
reducers: {
loginSuccess(state, action) {
return true
浏览 27提问于2020-12-25得票数 0
我正在尝试在React中构建一个导航栏。我正在使用redux-toolkit store来管理我的状态。每当我单击导航栏上的链接时，redux存储都会重置为初始状态。如何构建不重置redux存储的导航栏链接？
我的<code>D0</code> -
<code>A1</code>
我的<code>D2</code> -
<code>A3</code>
我的<code>D4</code>
<code>A5</code>
浏览 10提问于2021-03-16得票数 2
回答已采纳
https://codesandbox.io/s/large-data-array-with-redux-toolkit-forked-7tp63?file=/demo.tsx 在给定的codesandbox示例中，我使用了redux-toolkit和redux-toolkit的react类型脚本 在codesandbox示例中。我正在尝试使用checkbox和textbox绑定国家。当我选中复选框时，它看起来很慢，文本框编辑也感觉很慢。有时它会打破这一页。 我不确定我做错了什么。
浏览 20提问于2021-10-27得票数 1
回答已采纳
环境
Redux-工具包
反应
打字本
格尔帕尔
背景
我正在使用redux和redux-toolkit进行本地州管理。我读了redux-toolkit文档。我发现我们可以使用createAsyncThunk()函数在redux-toolkit中分派thunk操作。此函数自动分派pending、fulfilled、rejected动作。
当我的异步工作失败时，用action.error作为SerializedError类型发送SerializedError操作。并利用rejectWithValue()函数对误差结果进行自定义。就像这样。
const fetchAdmin
浏览 0提问于2021-06-05得票数 1
回答已采纳
1回答
我使用redux-toolkit prepare函数来构造最终的有效载荷值。
addTodo: {
reducer: (state, action) => {
state.push(action.payload);
},
// ERROR: **Type '{ payload: Todo; }' is missing the following properties from type 'Omit<PayloadAction<any, string, any, any>, "ty
浏览 4提问于2022-06-03得票数 1
回答已采纳
我把ts object is possibly undefined放在了groupedImports[id].push(item)上，groupedImports[id]加了下划线。
我在这个子句之前测试hits是否存在并且长度大于0，并在需要时创建groupedImports[]。
我不明白为什么ts认为groupedImports[id]可能没有定义。
// Dictionary is from @reduxjs/redux-toolkit
interface ImportError {
text: string,
args: string,
}
interface Impor
浏览 2提问于2022-02-03得票数 -1
嘿，伙计们，我是个初学者，想用redux-toolkit来学习redux-toolkit。我得到一个空的user对象，当我安慰axios响应时，它显示了所有的数据，但没有显示在处理程序中。
这是密码。
UserInfoSlice
import {createSlice} from '@reduxjs/toolkit';
export const userInfoSlice = createSlice({
name: 'user',
initialState: {
user: {},
},
reducers: {
浏览 3提问于2021-03-04得票数 1
回答已采纳
import { configureStore } from "@reduxjs/toolkit";
import testSlice from "./testSlice";
import {combineReducers} from "redux";
const rootReducer = combineReducers({test: testSlice})
export const store = configureStore({
reducer: rootReducer,
});
export type RootState = Re
浏览 0提问于2021-09-11得票数 2
我在使用Redux-Toolkit时遇到以下错误，这是什么意思？ name:"ConditionError"
message:"Aborted due to condition callback returning false."
浏览 19提问于2021-10-31得票数 1
你好，我有一个带有本地状态的组件StepWizard。
我正在尝试将其改为使用redux-toolkit。
我被困在用从商店提供的状态切换步骤上。我想要实现的是能够控制StepWizard内部和外部的更改步骤。有人能告诉我我做错了什么吗？谢谢。
浏览 1提问于2020-01-31得票数 0
回答已采纳
我正在试图找出为什么我的异步调用不能像预期的那样工作。当我的网站首页加载时，我正试图从我的DB中提取一个JSON对象数组。现在，api被击中，数据被取出，但是在动作创建者和切片之间有些东西会分崩离析。我正在尝试console.log，action和state，但也没有结果。
我只是在学习redux-toolkit，所以我对此非常陌生。
这是我的一份：
import { createSlice } from '@reduxjs/toolkit'
const prizesSlice = createSlice({
name: 'prizes',
initi
浏览 9提问于2022-08-16得票数 2
回答已采纳
我正在重构我的reducers，以使用redux-toolkit的createSlice。现在我有一个非常基于事件的reducer，有时需要对不同的操作进行类似的状态更新。对于原始的switch/case语句，这是没有问题的： case ActionTypes.CREATION_CANCELLED:
case ActionTypes.NEW_MARKER_INFOWINDOW_CLOSED:
case ActionTypes.MARKER_SELECTED:
return {...state, isCreating: f
浏览 36提问于2020-09-27得票数 5
回答已采纳
我在一个react项目中使用。我刚刚将示例代码复制到我的项目中，但由于某些类型的原因，problems.The代码无法工作
export interface Entity {
id:string,
name:string,
abc:string,
xyz:string
}
const { totalCount, entities, listLoading } = currentState; //currentState from useSelect
//recreating the Entities to make it mutable as
浏览 1提问于2020-09-04得票数 0
3回答
在我的案例中，有关错误的信息深深地存在于响应中，我正在尝试将我的项目移动到redux-toolkit。这是它过去的样子：
catch(e) {
let warning
switch (e.response.data.error.message) {
...
}
}
问题是redux-toolkit不会将数据放入rejected操作创建器中，而我也无法访问错误消息，它会放入他的消息而不是最初的消息：
虽然最初的响应看起来是这样的：
那么我如何检索这些数据呢？
浏览 4提问于2020-08-17得票数 10
回答已采纳
我想创建一个reducer，它使用运行时计算值来匹配操作。用例是，我通过引用以/pending结尾的计数操作来自动管理繁忙指示器，等等。 我想在这个新项目中使用redux-toolkit，我意识到我可以创建一个普通的redux reducer，但如果可能的话，我更愿意保持一致。有没有一种方法可以将一个切片连接起来，让它在它的reducer中使用一个自定义的匹配动作类型匹配？
浏览 8提问于2020-04-14得票数 0
1回答
新的TypeScript，并试图从js转换为ts (使用角1.x)。这是一个控制器。转换成ts有问题。“模块”是ui路由器状态提供程序上的自定义数据元素。
(function(module) {
"use strict";
module.controller("aboutController", [
"$state",
function($state) {
var vm = this;
// pass the module to the service
浏览 1提问于2015-10-13得票数 0
如何在React组件之外访问redux-toolkit store变量？在React组件中，我可以使用它访问它。
import { useSelector } from 'react-redux';
const isAuthenticated: boolean = useSelector(
(state: RootState) => state.user.isAuthenticated,
);
因为useSelector是不允许访问的以外的反应。或者当我在React组件中分派时，应该传递变量吗？我需要createAsyncThunk A
浏览 3提问于2021-02-03得票数 0
回答已采纳
在将redux-toolkit从1.5升级到1.8之后，我的自定义选择器不再有效。下面是一个例子：
const getToken = createSelector<
AppState,
string | null,
Token | null
>(
(s: AppState) => (s.tokenResponse ? s.tokenResponse.accessToken : null),
(t: string | null) => {
if (t === null) {
return null;
}
try {
浏览 8提问于2022-03-11得票数 0
回答已采纳
我在TypeScript中有一个带有redux的redux应用程序，我正在使用redux-toolkit来构建减速器。随着应用程序变得越来越大，我想开始重构我的减速器。
我的redux状态如下所示：
{
customers: Customers[],
orders: {
state1: SomeIndependentState1,
state2: SomeIndependentState2,
state3: SomeDependentState2,
state4: SomeDependentState3,
}
}
customers和orders片是
浏览 3提问于2020-05-02得票数 6
我有两个由redux-toolkit的createAsyncThunk()函数创建的异步thunks。
例如。
const getOrder = createAsyncThunk('a/getOrder', async (_, thunkAPI) => {
// `userId` from API.getUser()
// I tried to get the `userId` from redux store, but got `undefined`.
const user = thunkAPI.getState().user;
const userId
浏览 1提问于2021-04-09得票数 0
1回答
航空公司Go客户端
问题
需要向所有集合添加公共字段集，即CreatedAt、UpdtedAt、DeletedAt等。为此，我创建了一个结构，并将其嵌入到所有的集合结构中。我需要将公共结构的字段保存在给定记录的字段中。
样本码
type Table struct {
CreatedAt time.Time
UpdatedAt time.Time
DeletedAt time.Time
}
type Account struct {
Table
Name string
Status bool
.....
}
对于上面提到的struct Account
浏览 5提问于2017-01-30得票数 2
我试图制作一个游戏Flappy，并想在DesktopLauncher上测试我的结果，但是发生了一些事情，造成了两个错误。我在名单上找不到F。
package com.mygdx.flappy;
import com.badlogic.gdx.backends.lwjgl3.Lwjgl3Application;
import com.badlogic.gdx.backends.lwjgl3.Lwjgl3ApplicationConfiguration;
public class DesktopLauncher {
public static void main (String[]
浏览 15提问于2022-06-25得票数 -4
我有以下代码：
if (event.hasOwnProperty('body')) {
Context.request = JSON.parse(event.body) as T;
} else {
Context.request = event;
}
其中event被定义为：
private static event: aws.IGatewayEvent | ut.IGenericEvent;
第一个定义具有"body“属性，而第二个定义没有。尽管如此，我仍然希望我的条件语句应该让类型记录看到唯一的情况--也就是对象实现aws.IGatewayEvent接口的
浏览 4提问于2017-05-26得票数 1
回答已采纳
2回答
我正在使用TypeScript和redux-toolkit开发一个webapp应用程序。
tl；博士
如何在中间件上设置dispatch参数的类型？
我需要从我的服务器获取一些数据并保存在我的商店中。因此，我编写了一个类似于下面(简化)的代码：
import { createSlice } from '@reduxjs/toolkit'
import { TNewOrder } from '../store'
const initialState: TNewOrder = {
prices: [],
// other stuffs...
}
con
浏览 3提问于2019-12-04得票数 0
回答已采纳
1回答
考虑到在我们的应用程序中采用redux工具包，但我似乎无法得到我们的动作创建者所拥有的文档注释。
旧代码：
const ADD_NAME = 'ADD_NAME';
/**
* Sets the name for the user in our state.
* @param name The updated name
*/
export function addName(name: string) {
return {
payload: name,
type: ADD_NAME,
};
}
在VSCode中，每当我分派addName()时
浏览 5提问于2021-04-27得票数 3
回答已采纳
我正在尝试使用一些角度材料组件，如mat-复选框，但是当我设置一个自定义属性时，我得到
无法读取未定义的属性(读取“getAttribute”)
所使用的代码如下：
<li *ngFor="let instancia of tipo_maquina.instancias">
<mat-checkbox
(change)="onCheckChange($event, $event.source, $event.checked)"
[attr.typeid]="instancia.id">
浏览 4提问于2022-05-17得票数 0
回答已采纳
当值的类型为{ query: string；isSelect: boolean }和isSelect为true时，我希望显示选中的值。
错误类型'{ query: isSelect；isSelect: boolean；}{ query: string；}‘不存在属性’“{query: string；}‘。属性“isSelect”类型“{ query: string；}”不存在。
interface Props {
name: string;
onClick: () => void;
values: { query: string; isSelect: bool
浏览 6提问于2022-03-24得票数 2
回答已采纳
所以我是redux-toolkit的新手，我想做一些非常简单的事情。我想通过这个helper函数发送一些POST请求的数据。所以我试了一下
export const submitPaymentToServer = createAsyncThunk(
'data/fetchAll',
async ({ name, data }) => {
return fetch('/payments', {
method: 'POST',
headers: { 'Con
浏览 0提问于2020-11-09得票数 5
我应该使用哪一个？对于更多上下文，我使用redux-toolkit。帮助理解哪种工具更适合的建议值得感谢。
浏览 18提问于2021-07-14得票数 0
回答已采纳
对于生成带有setter和getter属性的对象的函数，我很难找到正确的类型。我认为我的最佳选择是使用一些模板字符串文字，但我很难找到神奇的组合类型。在伪代码JS中，我想要的是这样的内容：
function createGetterAndSetter( key ) {
return {
[`get${capitalize(key)}`] : ( model ) => {
return model[key]
},
[`set${capitalize(key)}`] : ( model, value ) => {
return {
浏览 8提问于2022-07-26得票数 1
回答已采纳
1回答
我使用的是create-react-app和它的typescript模板，但是当尝试像这样在redux-toolkit docs中检索'GenericAsyncThunk‘中'pending’属性的类型时： type PendingAction = ReturnType<GenericAsyncThunk["pending"]>; 我得到一个错误：Parsing error: Unexpected token, expected "]" 编辑:看起来错误只出现在我的机器上，并且在CodeSandbox中可以正常工作。当使用命令npm
浏览 7提问于2021-04-07得票数 1
function Fruit() {
this.type = "fruit";
}
function Bannana() {
this.color = "yellow";
Fruit.call( this );
}
// instantiation
var myBanana = new Bannana();
// modifying type property
Bannana.prototype.type = 'flower';
console.log( myBanana.type );
输出：fruit为
浏览 7提问于2015-06-23得票数 0
回答已采纳
我刚开始打字，想让一些代码正常工作真是太糟糕了，有人能帮我解决这个错误吗？
元素隐式具有“任意”类型，因为“string”类型的表达式不能用于索引类型“{‘sections.英雄’：({ sectionData，key }：props) =>元素；}”。在类型'{‘Sections.英雄’：({ sectionData，key }：props) =>元素；}上没有找到带有“string”类型参数的索引签名。
我的代码：
type sectionDataProps = {
sectionData: {
__component: string;
};
}
浏览 1提问于2022-06-18得票数 0
回答已采纳
使用@type/jQuery2.0.47已经有一段时间了。我试图升级到3.2.11，现在在构建我的visual studio解决方案时，什么都不编译。我得到了很多错误，不完全一样，但肯定是相关的。我正在使用打字本2.4。例如：
Build:属性'length‘不存在于'string number not string[]’类型上。
if ($("#txtSelPrj") && $("#txtSelPrj").val().length > 0) ...
Build:属性'startsWith‘不存在于'stri
浏览 2提问于2017-08-13得票数 0
回答已采纳
interface Model {
[key: string]: string | number | boolean | Model | Model[];
}
interface ApiResponse {
[key: string]: Model[];
}
async function main(): Promise<void> {
const r = await api('foos_and_bars');
console.log(r.bars[0].baz.name); // Problem
console.log(r.foos[0].f
浏览 2提问于2017-08-16得票数 0
回答已采纳
我用redux-toolkit设置了function原生web应用程序，并有一个错误: Uncaught：(0，react__WEBPACK_IMPORTED_MODULE_1__.useState)不是rtk-query-react.esm.js中的一个函数。
我在这里创建了一个关于所有屏幕截图的问题：
我很高兴对如何解决这一问题有任何想法。
浏览 10提问于2022-09-02得票数 0
目标：与其他道具一起展开对象，并将嵌套的属性投影到根选择上。
有下列关系：
public class Product {
public string Barcode { get; set; }
public double Price { get; set; }
public Category Category { get; set; }
}
public class Category {
public string Name { get; set; }
}
我想作出预测，结果是：
{
"@odata.context": "http
浏览 1提问于2016-11-15得票数 0
回答已采纳
2回答
我有这个问题，我在等待一个具有"lugares“属性的对象的到来，但是visual studio代码和角cli告诉我这个属性不存在，而实际上它存在并且应用程序正常工作。
密码
public getLugares() {
// return this.afDB.list("lugares");
return this.http.get(this.API_ENDPOINT + "/.json").pipe(
map(resultado => {
debugger;
const data
浏览 0提问于2018-11-08得票数 0
回答已采纳
我有一个对象，在运行时，我得到了以下错误，因为属性不存在于类型对象上，有人能告诉我我在其中做错了什么吗？ let filter = {
project: 'Test',
flow: 'basic',
start: 0,
length: 3
}; 错误： src/app/_services/flow.service.ts(14,39): error TS2339: Property 'project' does not exist on type 'object'.
浏览 98提问于2019-02-26得票数 0
回答已采纳
1回答
不发送异步Thunk
、、、、
我正在使用Redux/Toolkit，我想使用异步Thunk进行身份验证。但是当我试图分派函数时，它会返回一个错误。
在这种情况下我该怎么办？这是我第一次使用异步Thunk，所以我不知道如何面对这个问题。
顺便说一下我用的是打字本。所以，我认为这个问题主要是关于打字稿的。
userSlice.tsx文件：
import {createSlice, createAsyncThunk} from "@reduxjs/toolkit"
import {InterfaceUserSlice} from "../typescript/interfaceUserSlice"
浏览 10提问于2022-11-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
