React Redux with typescript
是一种使用React和Redux配合TypeScript进行开发的技术栈。下面是关于React Redux with typescript的一些详细信息：
概念： React Redux是一个用于构建可预测的、高效的React应用程序的状态管理库。它将应用程序的状态存储在一个单一的存储库中，称为“store”，并通过将状态传递给React组件来进行管理。同时，TypeScript是一种静态类型检查的JavaScript超集，可以在开发过程中提供类型安全性和更好的编码效率。
分类： React Redux with typescript可以被归类为前端开发技术栈，同时也涉及到状态管理和类型安全等方面。
优势：
- 状态管理：React Redux提供了一种集中管理应用程序状态的方式，使得状态的变化和传递更加可控和可预测。
- 类型安全：TypeScript可以在开发过程中发现和预防一些潜在的错误，提供了更好的类型检查和自动完成功能，增加了代码的可靠性和可维护性。
- 可扩展性：React Redux with typescript采用了组件化的开发方式，使得代码更易于组织、维护和扩展。
- 社区支持：React和Redux拥有庞大的社区支持，可以获得大量的开源组件和工具。
应用场景： React Redux with typescript适用于构建中大型和复杂的前端应用程序，尤其适合需要对状态进行高效管理和类型安全的项目。
推荐的腾讯云相关产品： 腾讯云为开发人员提供了多种云计算产品和服务，其中与React Redux with typescript相关的推荐产品包括：
- 云服务器（CVM）：提供了可扩展的云服务器资源，用于托管React Redux with typescript应用程序。
- 对象存储（COS）：可用于存储应用程序中的静态资源，如图片、视频等。
- 腾讯云函数（SCF）：可以用于构建无服务器应用程序，例如处理后端逻辑。
- 云数据库MySQL版（CDB）：提供了稳定可靠的关系型数据库服务，适用于存储应用程序的数据。
产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb
相关·内容
在创建react应用程序时，我忘了使用redux-typescript模板。也就是说，我用命令创建了一个react应用程序：
npx create-react-app my-app --template typescript
而不是
npx create-react-app my-app --template redux-typescript
现在我已经构建了大量的UI，并添加了redux层。但是现在我意识到我应该用redux-typescript模板创建应用程序。我现在该怎么做？安装@reduxjs/toolkit和redux会有类似的效果吗？也就是说，运行在下面的命令现在会产生使用redu
浏览 2提问于2022-04-02得票数 0
我正在尝试通过一个<Link />传递状态，这是我过去在没有typescript的情况下可以做到的。但是typescript抛出了一个错误，我不确定如何修复... ? 这是我用的包..。 "dependencies": {
"@material-ui/core": "^4.12.3",
"@mdi/js": "^6.2.95",
"@mdi/react": "^1.5.0",
"@testing-library/jes
浏览 73提问于2021-11-08得票数 0
回答已采纳
我正在向项目中添加ESLint规则。项目使用类型记录。Redux/Redux类型存在问题。当我试图从Redux或导入任何类型时，ESLint会给出一个错误：
import { Action, AnyAction, applyMiddleware, combineReducers, createStore } from 'redux';
import thunkMiddleware, { ThunkAction, ThunkDispatch } from 'redux-thunk';
ESLInt错误：
>> Action not found in &
浏览 10提问于2022-01-18得票数 1
我用CRA类型记录模板构建应用程序。
当我使用这段代码时，会出现解析错误。
export type { BaseModalProps } from "./BaseModalProps"
Parsing error: Declaration or statement expected
这些是我的package.json和.eslintrc的一部分
// package.json
"dependencies": {
"@craco/craco": "^5.6.4",
"@material-ui/core"
浏览 7提问于2020-09-13得票数 3
import { combineReducers } from 'redux';
import { reducers } from './reducers';
import { IAppAction } from './action';
import { routerReducer } from 'react-router-redux';
import { IAppState } from './state/app-state';
const appReducer = combineReducers({
浏览 23提问于2019-07-16得票数 0
我正在尝试使用React来设置一个新项目，并且我正在考虑用PropTypes替换TypeScript。
但我想知道我是否会有集成问题。
例如：
使用Redux (或react-redux)和TypeScript + React
集成未用TypeScript创建的组件的问题
像react-bootstrap这样的库的问题
我主要关心的是从TypeScript导入一个非类型的抄本代码。
有什么线索或经验吗？
浏览 6提问于2019-08-14得票数 3
我用Typescript安装了React项目： npx create-react-app my-app --template typescript 在我使用npm run start运行应用程序之后 我得到了这个错误： TypeScript error in C:/Users/neman/Desktop/projects/redux-saga-ts-boilerplate/src/index.tsx(2,22):
Could not find a declaration file for module 'react-dom'. 'C:/Users/neman/Desk
浏览 408提问于2020-04-28得票数 2
您好，我正在尝试建立一个简单的redux计数器示例在React原生使用Typescript使用此文档https://enappd.com/blog/redux-in-react-native-app/92/，即使该文档使用javascript我正在尝试将代码移植到typescript中。但是我得到了一些错误。这是我的代码。Ps react原生的typescript样板代码是由官方RN文档中使用的Typescript模板完成的 Counts.ts import {COUNTER_CHANGE} from '../constants';
export function chan
浏览 20提问于2020-04-21得票数 0
<path-to-project>/client/src/sagas/index.ts
TypeScript error in <path-to-project>/client/src/sagas/index.ts(1,46):
Could not find a declaration file for module 'redux-saga/effects'.
'<path-to-project>/client/.yarn/cache/redux-saga-npm-1.1.3-f4b0ce38ee-4ea0bf0d4f.zip/nod
浏览 0提问于2021-11-06得票数 0
在使用typescript和react + redux时遇到问题
Could not find a declaration file for module 'react-redux'. '/home/andrew/miramir/src/js/node_modules/react-redux/lib/index.js' implicitly has an 'any' type.
正在尝试从react-redux获取提供程序
import { Provider } from 'react-redux';
我怎么才能修复它？谢谢
浏览 52提问于2017-01-14得票数 42
回答已采纳
我有以下TypeScript (v3.01) React组件，名为TopBar，我现在将Redux添加到其中。然后在名为Layout的父组件中引用TopBar组件。
import * as React from 'react';
import { connect } from "react-redux";
import { decrementZoomLevel, incrementZoomLevel, setCenterPoint, setZoomLevel } from '../store/actions';
class TopBar ex
浏览 0提问于2018-12-08得票数 2
好的，我正在尝试用Airbnb的线条规则设置typescript。但是我不能让EsLint理解我正在导入一个本地的“项目”文件。
我一直看到这个错误：
我确实获得了Typescript intellisense，并且可以通过ctrl+Click连接到文件。我已经尝试安装了npmpackage“eslint-import-resolver-typescript”。但这并不管用。
所以请帮我弄明白我到底做错了什么！
tsconfig.json：
.eslinrc：
"dependencies": {
"@babel/po
浏览 4提问于2021-03-24得票数 1
我正在尝试使用Preact + Vite + Typescript + Redux构建一个简单的Todo应用程序。但是我面临着一些与redux和类型记录的兼容性问题。
这就是我要犯的错误。
Uncaught TypeError: Cannot read properties of undefined (reading '__H')
at m (react-redux.064eb876.js:3)
at d (react-redux.064eb876.js:3)
at d.Provider [as constructor] (react-redux.064
浏览 5提问于2021-09-11得票数 7
1回答
在元素上引发类型错误
、、、、
我正在使用react-redux和typescript，所以我有.tsx文件。我的简单代码看起来非常简单和明显，但是typescript编译器抛给我一个Provider元素的类型错误，所以我不知道我做错了什么。
下面是我的简单代码
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { Route, Router } from 'react-router&#
浏览 2提问于2017-10-11得票数 1
我正在将我的项目从tslint重新配置为eslint。我可以手动运行eslint，但webpack无法运行，并显示以下错误消息： Module build failed (from /path/node_modules/eslint-loader/index.js):
Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint' 我已经排除了错误的模块和丢失的依赖项，因为它在我手动运行时可以工作。/node_ .eslintrc.js
浏览 1103提问于2019-02-04得票数 35
我有一个cli工具，我正在使用docker创建一个E2E测试套件。基本思想是在docker容器中，我将构建本地代码，然后在几个公共存储库上运行该工具。这样做的主要目标是更容易地看到CLI工具可能需要添加的任何缺少的功能。
我确实设法让它工作，但由于所有的链接和文件夹管理，这是一个有点痛苦的管理。
## Build a node application
from node:8.11.1
WORKDIR /app
## Copy all the files
COPY . ./sortier
## Build run and test
RUN cd ./sortier \
&&am
浏览 2提问于2019-07-05得票数 0
我正在将一个相对较新的CRA应用程序转换为Typescript。该应用程序相对较新，尽管它被设置为一个相当复杂的应用程序，因此它拥有从react-router、react-redux到i18n库和各种其他应用程序的一切。 每次我运行'npm run start‘时，typescript可能需要20秒到几分钟的时间来检查每个更改，即使实际上没有任何更改。 当我运行'tsc --diagnostics‘时，我得到以下信息： Files: 5677
Lines: 118431
Nodes: NaN
Identifiers:
浏览 31提问于2019-04-11得票数 3
回答已采纳
我正在尝试使用带有eslint和TypeScript的更漂亮的。当我运行npm run prettier -- --list-different时，我所有的css文件都收到错误SyntaxError: Unexpected token, expected ";"。我认为这是我的解析设置方式的问题，但似乎无法让它工作。这是我当前的设置。 .eslintrc {
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion"
浏览 53提问于2019-04-10得票数 3
回答已采纳
1回答
当我为我的项目运行webpack时，我会遇到这样的错误:React包不能解决它的一些内部模块：
ERROR in ./node_modules/react-redux/es/index.js
Module not found: Error: Can't resolve './components/Context' in '/home/.../frontend/src/node_modules/react-redux/es'
@ ./node_modules/react-redux/es/index.js 3:0-57 12:0-179
@ ./ind
浏览 0提问于2019-10-19得票数 3
回答已采纳
1回答
反应-路由器类型记录错误
、、、
尝试使用react和类型记录初始化路由器，但得到大量错误
我已经试过安装npm install @types/history了，但是没有什么改变希望你的帮助。谢谢
My packge.json
"dependencies": {
"@types/lodash": "^4.14.50",
"@types/react": "^0.14.55",
"@types/react-dom": "^0.14.19",
"@types/redux-form": "^
浏览 2提问于2017-01-14得票数 1
回答已采纳
我需要添加一个地图到我的应用程序(Nextjs，React，Typescript)，它接收纬度和经度，并用标记显示它。
我做了yarn add -D @types/google.maps
这应该没问题，但是当我将它从'google-maps-react'导入到我的映射组件时，它显示为"Cannot find module 'google-maps-react'或其相应的类型声明。“
我看了看我的node_modules文件，这是谷歌地图地毯和它的类型。
有没有人经历过这个？我认为这是一个与typescript相关的问题。
这是我的package.json
浏览 0提问于2021-03-05得票数 0
6回答
我得到了以下错误：
node_modules/@types/react-redux/index.d.ts(8,24): error TS2307: Cannot find module 'redux'.
尽管同时安装了react-redux和redux (package.json)：
"dependencies": {
"react": "15.4.2",
"react-native": "0.42.3",
"react-redux": "^5.0.3
浏览 4提问于2017-03-24得票数 34
回答已采纳
我有一个现有的TypeScript React项目，它是在Hooks存在之前创建的，我正在尝试使用Hooks重写所有的类。
因此，在我的package.json "devDependencies"中，我将typescript react的版本从7.0.6更改为@types/react-redux": "7.1.16"。我原以为我希望在"dependencies"中得到完全相同的react版本，但似乎react-redux没有7.1.16，只有7.1和7.2。我选择了7.2，这似乎很管用。
更广泛地说，我想知道如果我在开发和生产依赖之间使用
浏览 5提问于2021-01-26得票数 2
我正在使用类型记录和redux在一个react应用程序中工作。我更新了几个npm包，它们之间是typescript包，现在tsconfig.json (typescrip编译器配置文件)显示了以下错误：
找不到“redux-logger”的类型定义文件
我试图在这里搜索这个问题和谷歌，但是我找不到我需要在tsconfig.json中包含的内容。这是文件的内容：
{
"compilerOptions": {
"outDir": "build/dist",
"module": "esnext"
浏览 0提问于2018-10-17得票数 1
回答已采纳
1回答
我一直在使用尾风2，但我想升级到3。我遵循他们的教程，但没有工作，我不知道为什么。
tailwind.config.js
module.exports = {
content: [
"./src/**/*.{js,jsx,,ts,tsx}",
],
theme: {
extend: {
},
},
plugins: [],
}
postcss.config.js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
inde
浏览 3提问于2021-12-22得票数 1
回答已采纳
1回答
错误：
react-native-paper/lib/typescript/src/core/settings错误:无法从index.js中解析模块react-native-paper/lib/typescript/src/core/settings：无法在项目中找到。
我正在使用react-native-paper和Redux，但是我无法设置环境。如何设置环境同时使用两者？
是的，我把属地联系起来了。就像我不使用Redux并在AppRegistery()中传递AppRegistery()一样，应用程序可以正常工作。但是，每当我将<App />包装在另一个组件中时，它就会显示错误
浏览 2提问于2020-06-19得票数 3
回答已采纳
我正在开始一个新的项目，发现了一个很好的但有点过时的样板()，用于react - redux和typescript。我使用node-check-updates更新了package.json：
{
"name": "typescript-react-redux-boilerplate",
"version": "1.0.0",
"private": true,
"description": "A frontend boilerplate with React, Redux an
浏览 0提问于2017-10-15得票数 1
1回答
我的问题是函数"connect“没有包装我的，因此Redux无法工作。
我试着用react+redux+typescript克隆一些存储库--所有的工作都有，而我的应用程序却没有。
因此，我无法在我的应用程序中捕获道具(用户)。
我认为我的user.ts文件不正确，但现在不重要了，我的意思是问题不在那里:)
在类型转换编译器(webpack)和浏览器控制台中没有任何错误。
index.ts:
import * as React from "react";
import * as ReactDOM from "react-dom";
impo
浏览 1提问于2017-06-26得票数 0
回答已采纳
5回答
我正在使用create-react-app，并且我正在努力加载图像。我正在按照指定的进行操作，但我一直看到以下错误：
Failed to compile.
Error in ./src/components/Home/imageIndex.ts
(1,24): error TS2307: Cannot find module './party.png'
有人知道为什么当我运行yarn start时，我的应用程序仍然无法编译吗？
我有一个Home组件，下面是我导入文件的方式：
import photo from './party.png';
组件位于src/co
浏览 0提问于2017-06-18得票数 22
我正在使用带有Jest的create react应用程序，我得到了以下错误：
Cannot find name 'describe'.
Do you need to install type definitions for a test runner?
Try `npm i @types/jest`
or `npm i @types/mocha`
and then add `jest` or `mocha` to the types field in your tsconfig.
我看到了，但我不能按照建议删除types属性，所以它对我没有帮助。
我也试着把所有东西都放在依赖项
浏览 78提问于2020-02-24得票数 1
我面临着一个我还没有在互联网上找到解决方案的问题。我发现了一些类似的情况，但解决方案(主要是安装或清除缓存)在我的情况下不起作用。
我已经为我的react项目安装了以下软件包(package.json)：
"devDependencies": {
"@babel/core": "^7.9.6",
"@babel/preset-env": "^7.9.6",
"@babel/preset-react": "^7.9.4",
浏览 0提问于2020-05-11得票数 2
回答已采纳
1回答
我刚刚在我的create应用程序类型记录项目中安装了MUI v5.4，我想导入
import { createTheme } from '@mui/system';
但是埃斯林特一直在显示这个错误
'@mui/system' should be listed in the project's dependencies.
@mui/system位于package.json中的依赖项中。
"dependencies": {
"@babel/plugin-proposal-private-property-in-object&#
浏览 16提问于2022-02-23得票数 2
回答已采纳
在我当前的项目中安装了运行react-redux和@reduxjs//toolkit所需的包之后，我在运行npm start之后遇到了这个错误： TypeScript error in C:/Users/xxx/Documents/xxx/node_modules/@reduxjs/toolkit/dist/configureStore.d.ts(1,13):
'=' expected. TS1005
1 | import type { Reducer, ReducersMapObject, Middleware, Action, AnyAction, StoreEnha
浏览 50提问于2021-07-27得票数 4
我得到了这个模糊的错误，我怀疑在dep之间有一些不兼容。
Line 11:85: Parsing error: Unexpected token, expected ","
> 11 | const tracker = new LoggerTracker({ analyticsId: process.env.REACT_APP_ANALYTICS_ID as string});
| ^
n
浏览 6提问于2022-11-30得票数 0
2回答
我学习了微软的关于TypeScript + React + Redux。
我发出了命令：
npm install -S redux react-redux @types/react-redux
但是，当我运行命令npm run start时，会得到以下错误：
类型错误:找不到模块“react”的声明文件。‘c:/lab/my-app/node_node/app/index.js’隐式地有‘任意’类型。
好的，我运行命令：npm i @types/react。现在我得到了另一个错误：
类型错误:模块‘.././节点_模块/@类型/redux’‘没有导出的成员'Dispatch’
浏览 0提问于2019-02-09得票数 1
2回答
我正在通过创建一个Redux的Redux商店来尝试TypeScript。
这是我的redux.js文件：
import { configureStore, createSlice } from "@reduxjs/toolkit";
const testSlice = createSlice({
name: "test",
initialState: [],
reducers: {
callApi: (state, action) => {
const getData = {
type: "test
浏览 5提问于2022-06-19得票数 0
回答已采纳
我目前正在使用TypeScript上的Redux-工具箱构建一个React应用程序，该应用程序是使用create app创建的&我在我的项目中的每个Reducer文件中都得到了这个错误：
'@reduxjs/toolkit'(import/named)中找不到ESLint: PayloadAction
举个例子，这里有一个描述
代码：
import {createSlice, PayloadAction} from "@reduxjs/toolkit" // An error is coming from here
export interface I
浏览 7提问于2022-07-24得票数 3
我的应用程序不能编译，我不确定为什么。在转换为typescript之前，一切工作正常。现在，当我运行'npm start‘时，我得到一个错误。
我收到的错误消息如下：
./src/index.js
Module not found: Can't resolve './components/App' in /Users/myname/typescript_demo/redux/examples/todos-typescript/src'
index.js
import * as React from 'react';
import { r
浏览 25提问于2017-07-20得票数 0
我通过yarn create react-app my-app --template typescript创建了一个新的CRA项目，在运行开发服务器(yarn start)时得到以下错误： src/App.tsx
Line 5:24: Parsing error: Unexpected token, expected ";"
3 | import "./App.css";
4 |
> 5 | const _window = window as any;
| ^
6 |
7
浏览 77提问于2020-12-26得票数 5
回答已采纳
我正在使用Redux为我的状态构建一个使用TypeScript的。
我喜欢为configureStore使用两个单独的文件。在JS中，如下所示：
configureStore.dev.js
import { applyMiddleware, createStore } from "redux";
import logger from "redux-logger";
import reducers from "../reducers";
const configureStore = () => {
const store = crea
浏览 0提问于2018-10-10得票数 0
回答已采纳
2回答
所以我试着用Jest和TypeScript在我的上编写测试。虽然使用旧的babel版本一切都很好，但是由于一些项目问题，我们不得不将babel升级到7.0.0。从那以后我就没办法了。任何帮助都是非常感谢的。
Jest Jest遇到了一个意想不到的标记--这通常意味着您试图导入Jest无法解析的文件，例如，它不是普通的。默认情况下，如果Jest看到Babel配置，它将使用该配置来转换文件，而忽略"node_modules".。
/home/levan/work/vabaco-dhp-frontend/packages/dhp-mobile-app/node_modules/rea
浏览 0提问于2018-09-05得票数 14
回答已采纳
我有一个Visual Studio2019 (v16.3.2) React TypeScript项目，其中包括Material-UI组件。TypeScript编译器无法解析任何@material-ui导入，并且会发生如下错误，从而导致无法生成相应的JavaScript。 Error TS2307 (TS) Cannot find module '@material-ui/core/Grid'. 上面错误的模块是 import * as React from 'react';
// Material-UI
import Grid from '@m
浏览 40提问于2019-10-03得票数 12
我无法使用expo android应用程序运行我的应用程序。我的设备在Android Pie上工作(8)。
世博会android应用版本: 2.11.10
我尝试在另一台设备上运行应用程序，但遇到同样的问题
27.0.0不是有效的SDK版本。选项为31.0.0、32.0.0、33.0.0未版本化
我的package.json如下所示：
{
"name": "project",
"version": "0.1.0",
"private": true,
"devDependencies"
浏览 4提问于2019-06-02得票数 1
1回答
当我想使用资料-ui@1.0.0-beta.10和打字本的抽屉时，我会收到以下错误：
TS2322:键入'{子代:元素；}‘不能分配到键入'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{子代？：ReactNode；}> &Re.’。类型'{子:元素；}‘不能分配到键入'Readonly>’。“{子元素:元素；}”类型中缺少属性“type”。
以下是我如何使用它：
<Drawer>
<List>
<
浏览 2提问于2017-09-15得票数 2
我是一个反应应用程序，我不能打开这个应用程序在Safari和IE。
对于Safari(10.1.2)：SyntaxError: Unexpected token '...'. Expected a property name.
IE-11：SCRIPT1028: SCRIPT1028: Expected identifier, string or number
我的package.json文件是..
"dependencies": {
"@babel/core": "^7.0.0",
"@babel/plu
浏览 2提问于2019-11-08得票数 1
1回答
我正在使用带有typescript和enzyme的react 16，但是jest没有读取我的适配器所在的setupTests.ts文件。如果我尝试在所有测试开始时配置适配器，它可以正常工作，但当我尝试这样做时，它会给我一个酶期望适配器被配置错误。在使用typescript时，我需要一些特定的配置吗？
package.json
{
"name": "web-to-do",
"version": "0.1.0",
"private": true,
"homepage": "htt
浏览 7提问于2021-03-06得票数 2
我正在为React实现状态管理。我使用的是Next.js和Typescript。 我使用了下一个redux包装器，并按照指南的指示在/pages/_app.js上添加了以下内容。 import React from "react";
import {createStore} from "redux";
import {Provider} from "react-redux";
import App, {Container} from "next/app";
import withRedux from "next-redu
浏览 25提问于2019-08-28得票数 2
创建了一个使用Typescript的react-native starter项目，该项目可以在2周前运行。现在，当我尝试运行项目时，它在typescript编译期间出现错误。
在tsconfig.json中使用skipLibraryCheck: true可以修复该错误。但是为什么它会抛出~/.nvm和./node_modules目录中的错误呢？
错误(针对node_modules/.bin/tsc更新)：
> node_modules/.bin/tsc
node_modules/@types/react-native/index.d.ts(8742,11): error TS2451:
浏览 2提问于2018-05-02得票数 11
我目前正在学习redux工具包的本机反应。现在，我正处于安装redux工具包模板本机的阶段。我担心的是，在没有类型记录模板的情况下，是否响应本地支持redux工具包？
React本机文档：
npx反应-本机init react-native-template-typescript -模板
谢谢。
浏览 3提问于2021-07-25得票数 0
TypeScript编译器正在报告react redux类型文件中的错误，尽管我已经排除了tsconfig中的类型目录。
TypeScript版本: 1.8.10
这是我所犯的错误
错误在/home/me/dev/proj/typings/main/ambient/react-redux/index.d.ts (64,16)：错误TS2314:泛型类型‘调度’需要一个类型参数(S)。
/home/me/dev/proj/typings/main/ambient/react-redux/index.d.ts中的错误(68,21)：ERROR TS2314:泛型类型'ActionCreat
浏览 2提问于2016-06-08得票数 5
云服务器
ICP备案
实时音视频
云直播
对象存储
腾讯云开发者
