无法使用typescript在react-redux中分派操作
在React-Redux中使用TypeScript分派操作的问题可能是由于类型不匹配或配置错误导致的。下面是一些可能的解决方案：
- 确保你的React和Redux库已正确安装并配置。
- 确保你的项目中已经安装了必要的TypeScript类型声明文件。你可以使用
@types/react-redux和@types/react来获取React-Redux和React的类型声明。 - 确保你的Redux store已正确配置，并且使用了正确的类型。你可以使用
createStore函数的第二个参数来指定初始状态的类型。 - 确保你的组件正确连接到Redux store。你可以使用
connect函数来连接组件，并使用mapStateToProps和mapDispatchToProps参数来指定状态和操作的映射关系。 - 确保你的操作创建器（action creators）和操作类型（action types）的类型定义正确，并且与Redux store中的状态类型相匹配。
- 如果你在分派操作时遇到类型错误，请检查你的分派操作是否正确地使用了操作创建器，并且传递了正确的参数。
- 如果你使用了异步操作（如使用Redux Thunk或Redux Saga），请确保你的异步操作函数的类型定义正确，并且返回了正确的Promise类型。
总结起来，要在React-Redux中使用TypeScript分派操作，你需要确保正确配置了React、Redux和TypeScript，并且正确定义了组件、状态、操作创建器和操作类型的类型。如果你遇到问题，可以参考React-Redux和TypeScript的官方文档，或者在相关的社区论坛上寻求帮助。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
- 移动推送（信鸽）：https://cloud.tencent.com/product/tpns
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我正在开发一个使用react redux typescript的TODO应用程序。我无法调度操作。我对redux还是个新手，所以卡在里面了。
浏览 27提问于2020-09-14得票数 0
我显然遗漏了一些关于这应该如何工作的东西。我有一个切片，它有缩减器，我可以把它们带进来，我可以看到console.log像预期的那样启动…buuut Redux Dev Tools显示我没有改变我的状态-默认的null仍然是列出的值。 切片 import { User } from "@firebase/auth";// define state
浏览 13提问于2021-09-18得票数 0
回答已采纳
如何将Typescript配置为使用react-redux和redux-thunk，以便dispatch返回被调度的ThunkAction的返回类型，而不是ThunkAction<a,b,c,d,e>savedPerson = await PersonApi.save(person) return savedPerson当我分派此操作时，我希望它返回一个Promise<Person>，但分派</
浏览 0提问于2020-07-22得票数 1
我正在尝试转换一个基于类的组件的reducer，以使用钩子。这是减速机： import { SET_CURRENT_USER, USER_LOADING } from "..state, }; return state;} 如何将其转换为reducer，以便在钩子功能组件中使用
浏览 28提问于2021-04-29得票数 0
我对redux在功能组件中的使用感到有点挣扎。如何从功能组件调用操作。我看过一些使用react的教程。这对我来说很有意义。但是，这些教程调用操作类型，而不是创建操作类型的函数。应该在functional component.How中调用注销操作，我是否在此函数中使动作创建者logout可用？
浏览 3提问于2020-08-16得票数 10
回答已采纳
我正在将转换为TypeScript的过程中，我在将thunk操作发送到商店之外时遇到了困难。这在组件(不使用注册表的地方)中很好，例如在我的App.tsx中import { ThunkDispatch } from在组件内部，我可以很好地调度这些动作。我只在组件之外遇到问题，使用上面定义的存储注册表。
浏览 0提问于2019-06-07得票数 4
1回答
我正在尝试创建类型安全的专案，使用TypeScript和react。/可见范围import { Subtract } from "utility-types";
import { connect } from "react-redux
浏览 2提问于2018-10-23得票数 0
回答已采纳
2回答
无反应的访问剩余
、、
我希望在不使用React组件的情况下访问存储(调度和观察)。我已经找了几个小时了，但没有结果。import { Provider } from 'react-redux'
import createStore from '.，我很高兴使用react-redux提供的react-redux函数，但是当我想在组件之外设置一些逻辑(主要是分派)时，我会陷入困境。我想要
浏览 5提问于2016-03-16得票数 9
回答已采纳
3回答
我试图从函数中调用redux动作。我正在调用函数的组件已经连接到存储区。但是，如果我传递以下操作，则不起作用： action()有没有一种通过参数传递动作的方法？谢谢。
浏览 3提问于2018-10-20得票数 2
回答已采纳
我正在尝试创建一个对服务器的简单API调用。为此，我创建了一个名为- likes.js的文件，其中有：import tokenConfig from './auth';
export const likePostas = (report_public_id) => (dispatch, getState) => { axios
.post(`/api/
浏览 0提问于2020-11-03得票数 0
回答已采纳
1回答
还回来了什么？
、、、
在下面的示例中，我阅读了用React、Redux和Thunk编写的JavaScript：function fetchPosts(subreddit){import {fetchPostsIfNeeded} from "../actions"
import {
浏览 1提问于2017-03-03得票数 2
回答已采纳
我将react 16.9与redux 4.0.4和react-redux 7.1.1一起使用。 我注意到我可以直接访问底层的Redux数据模型(存储中的对象)，而无需分派操作。考虑以下组件： import React from 'react';
function MyComponent(propsuseSelector(state => state.obj
浏览 8提问于2019-09-23得票数 2
即使在阅读了redux文档之后，我也无法理解这一切是如何工作的。currentUser的初始状态是使用redux文件夹中的user.reducer.js文件设置的。当我们在使用Google SignIn登录时，App.js中的createUserProfileDocument(userAuth)函数将检查在消防用户集合中是否可以使用谷歌登录。用户登录详细信息是从在userRef中App.js
浏览 3提问于2020-10-15得票数 0
回答已采纳
我有一个简单的TypeScript组件，我尝试实现类型检查，但我无法找出下一部分代码的问题所在：import { Provider } from 'react-redux' getState(): any, replaceReducer():
浏览 0提问于2018-10-05得票数 0
回答已采纳
我遵循这个关于redux的例子，但是我用TypeScript编写。
import { connect } from 'react-redux' </button> </div>}
AddTodo
浏览 2提问于2018-03-21得票数 1
回答已采纳
我在反应项目中使用redux kit。在createSlice方法中，我试图描述减速器中动作有效载荷的类型。如果我尝试分派setMenuItems操作，它只接受IMenuItemViewModel数组。但是，如果我尝试使用true或false负载分派setFetchingMenuItems操作，TypeScript将显示错误："TS2345:类型为'false‘的参数不能分配给&
浏览 1提问于2019-07-24得票数 2
回答已采纳
在更新新的状态数据和显示新组件之前，使用react路由器的Link标记在“onClick”上传递一个操作。还原器不会被调用，也不会对状态进行任何更改。不知道为什么。任何帮助都将不胜感激。React, { Component } from 'react';import { connect } from 'react-redux
浏览 1提问于2017-09-05得票数 1
回答已采纳
2回答
未执行调度redux
、、、、
当单击submit按钮时，应执行操作创建器以启动异步操作，但实际上不会触发提交，也不会启动操作创建器。import { ActionTypes } from "./containers/Signup/SignUp";import { createStore, applyMiddleware{ useState } from "react&
浏览 1提问于2019-09-10得票数 0
2回答
在整个web中，我看到代码通过this.props.dispatch直接通过connect函数从react-redux传递给组件。我的问题是:为什么不直接从操作文件中分派，而不只是将一个操作对象返回到组件中并从那里进行分派呢？我觉得我好像漏掉了什么。直接从组件进行分派感觉有点不对，因为我们可以简单地调用一个函数，传递所需的内容，并让动作创建者在我们的react组件之外为我们执行调度。
浏览 4提问于2017-09-28得票数 0
回答已采纳
实际上，我们将向connect函数提供mapStateToProps和mapDispatchToProps，使用mapDispatchToProps，我们可以将事件分派给还原器。但是在redux的最初设计中，我必须按照下面的代码发送事件 onNext: () => { }在何处以及如何调用子控件的验证是一
浏览 3提问于2017-12-25得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
