React Redux with Typescript，属性在ActionType的Reducer中不可用
React Redux with Typescript是一种在React应用中使用Redux状态管理库和Typescript编程语言的组合。它可以帮助开发人员更好地管理应用的状态，并提供可预测性和可维护性。
在React Redux中，属性在ActionType的Reducer中不可用可能是由于以下几个原因：
- 错误的ActionType：首先，需要确保在Reducer中使用的ActionType与触发该Action的组件中的ActionType相匹配。如果ActionType不匹配，属性将无法在Reducer中使用。
- 未正确分发Action：在组件中，需要使用Redux的
dispatch函数来分发Action。如果Action未正确分发，Reducer将无法接收到Action并更新状态。 - 未正确定义属性类型：在Typescript中，需要正确定义属性的类型。如果属性类型未正确定义，Typescript编译器可能会报错，并且属性将无法在Reducer中使用。
为了解决这个问题，可以采取以下步骤：
- 确保ActionType的正确性：检查组件中触发Action的地方，确保使用的ActionType与Reducer中的ActionType相匹配。
- 确保正确分发Action：在组件中使用Redux的
dispatch函数来分发Action。确保Action被正确分发到Reducer中。 - 确保正确定义属性类型：在使用属性之前，确保在Typescript中正确定义属性的类型。可以使用接口或类型别名来定义属性类型，并在组件中使用。
总结起来，React Redux with Typescript是一种强大的组合，可以帮助开发人员更好地管理React应用的状态。在使用过程中，需要确保ActionType的正确性、正确分发Action以及正确定义属性类型，以避免属性在ActionType的Reducer中不可用的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我正在学习使用typescript进行反应，目前在Redux中实现Reducer时遇到了问题。export type UserActionsTypes = | LoginSuccessAction loggedInResponse: action.payload, default:
retur
浏览 20提问于2020-04-09得票数 0
回答已采纳
2回答
Redux-logic提供了一种名为transform的方法，它允许在操作到达reducers之前进行转换。这对各种情况都很有帮助。通常，我希望分派一个只有我的用户输入的操作，有时我的reducer需要支持数据才能执行状态更新。 因此，我可以在redux-logic转换过程中做到这一点，但这似乎与类型安全操作(我也在使用)冲突。我如何告诉typescript，我的
浏览 16提问于2019-04-27得票数 2
回答已采纳
我有一个api为我的react应用程序提供数据 "data_for_action1": ...}this.props.reduxAction1({})default connect( { reduxAction
浏览 0提问于2020-11-30得票数 0
在我的react组件中，我需要将Redux存储中的状态作为支持并使用它们。我使用的是mapStateToProps，它正确地从redux存储获取状态，因为初始值是正确的console.logged。但是，当我使用组件时，组件中的所有道具都是未定义的。我没有进行任何显式异步调用，这似乎是我在前面发现的问题中的问题，所以我不知道为什
浏览 1提问于2018-10-11得票数 3
回答已采纳
当我添加一个中间件时，出现了一些错误:我有这样的错误： */
import { createStore, applyMiddleware, } from "redux</
浏览 70提问于2019-08-02得票数 5
回答已采纳
我试图抽象useContext和useReducer的逻辑，使其在创建新上下文时不会重复代码，但当我尝试使用typescript强类型createContext时，我遇到了一些问题。: any; reducer: (state: StateType, action: ActionType) =: any; count: number;
cons
浏览 73提问于2021-01-06得票数 1
回答已采纳
我遵循JavaScript中的redux教程，但是当我用TypeScript编写时，我无法将状态映射到道具。/models/Todo';import { Provider } from 'react-redux';import { connect } from 'react</em
浏览 0提问于2018-03-26得票数 0
回答已采纳
遵循，我为我的reducer编写了以下代码。不过，Typescript无法在switch case语句中推断出正确的类型。我遗漏了什么才能让它在redux指南上像这样工作？Action.action1,
stringP
浏览 20提问于2019-08-03得票数 0
回答已采纳
我是Reactjs和Typescript的新手，但试图写一个待办事项项目。但是当我调用createStore时，我在VSCode中得到了一个错误，并且我无法解决。...import { createStore } from "redux";
import itemReducerreducers/i
浏览 2提问于2020-04-26得票数 0
1回答
我在还原器的文件中得到一个类型错误，我的属性'address‘在'number’{ connection: boolean；address: string；}'上不存在。我正在使用redux和类型记录在我的反应应用程序。我知道这是因为排字不正确，但我不知道怎么做。我第一次使用的是类型记录和redux，并且被困在了这里。
这是我的行动档案。export const <em
浏览 0提问于2021-11-19得票数 0
回答已采纳
1回答
我一直在搜索google，官方文档，堆栈溢出，通过一个(类型记录)访问我的Redux商店。从理论上讲，这应该很容易用不同的指南来完成，但是不管我做什么，我总是会犯一些未定义的错误。我能够获得带有自定义类型选择器钩子和console.log的存储对象，并按预期看到属性，但是当访问它们时，我仍然被拒绝访问。奇怪的是，我能够让它工作的唯一方法是将存储对象解析为JSON。我还应该注意，我没有问题分配操作来更新存储中的
浏览 2提问于2021-07-21得票数 0
回答已采纳
我得到了以下破坏我的应用程序的错误：TypeScriptTS2532
14 | const { updateCell文件中</
浏览 5提问于2021-06-01得票数 1
回答已采纳
3回答
我正在尝试配置react -在我的类型记录react应用程序中坚持。persistReducer函数给我的还原器提供了一个类型错误，即类型‘(状态: IState、未定义，操作:动作)的参数=> IState’不能分配给'Reducer<unknown，Action>‘的参数。"],
const persistedReducer = persistReducer(persistConfig, red
浏览 3提问于2021-11-15得票数 2
1回答
我正在使用states，我试图在我的项目中使用Redux实现JWT身份验证和授权，但是"Store.ts“抛出了一个错误，该错误声明如下："/C:/Projects/AngularProjects/CarRental/src/app/redux/store.ts",
"owner": "typescript&quo
浏览 6提问于2021-02-06得票数 1
回答已采纳
因为我想在浏览器关闭时保存一些设置，所以我将这些设置保存到本地存储中。从本地存储中读取状态不是问题。为此，我在useReducer钩子中使用了initialState参数。(不使用redux)
浏览 93提问于2019-01-24得票数 6
1回答
最近，我一直在redux中工作，并试图得到我的手，我尝试了异步调用的redux-thunk。import {Link,Route} from 'react-router-dom'importposts.js
它利用r
浏览 0提问于2019-04-10得票数 0
回答已采纳
1回答
我想要打开我的模式使用redux点击<CheckoutButton/>，但它仍然出现在重新加载我的浏览器。我看不出我在代码中做错了什么。我做错了什么?我该如何解决这个问题？如果需要额外的代码，我会在请求时加以证明。下面是TacoTypes.js代码：import { connect } from 'react
浏览 0提问于2018-08-24得票数 1
1回答
在StackOverflow上搜索，我找到了矛盾的答案。说，发送一次雷击会返回雷击本身。而则认为，发送一次雷击就会带来一个承诺。Typescript的类型系统似乎表明，发送一次雷鸣的类型与雷鸣本身相同。然而，在运行时，我得到了一个承诺对象。我遗漏了什么？为了完整起见，我附加了您将找到沙箱的代码(上面提供的链接)：import { render } f
浏览 5提问于2020-10-26得票数 1
回答已采纳
我正在尝试测试当用户在input中输入文本时，button会从disabled更改为enabled。它显然可以在浏览器中工作，但我无法让测试通过。我使用的是redux-form和react-testing-library。但是，如果我使用原生input而不是redux-form的Field，则测试通过。我用最少的代码创建了一个repo来复制这个问题。
浏览 8提问于2019-12-14得票数 2
回答已采纳
2回答
中，我希望从是否api获取数据并将其存储在数据中，因此我使用getstate获取数据变量并将数据分配给它。我的日历组件，我正在将我的呼叫者连接到actionType// import 'moment/locale/it.js{ ca } from 'date-fns/esm/locale
浏览 0提问于2019-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
