javascript - 如何使用 Visual Studio 2019 Typescript 使任何声明都不需要 React 对象

Question

我在Visual Studio 2019的nodejs项目中创建了一个Typescript程序，但是如果不包含下面的声明，使用setState方法或者this.props会报错。

export default class ReduxTest extends React.Component {
    props: any;
    state: any;
    setState: any;
...

types 文件夹直接位于项目下。在 Types 文件夹中，有一个定义文件 react.d.ts。所以我不知道如何设置 tsconfig.json。tsconfig.json的设置如下。

{
   "compilerOptions": {
     "module": "es2015",
     "target": "esnext",
     "lib": ["es2015", "es2016", "es2017", "dom"],
     "jsx": "react",
     "alwaysStrict": true,
     "removeComments": true,
     "preserveConstEnums": true,
     "sourceMap": true,
     "moduleResolution": "node",
     "types": ["node"],
     "baseUrl": "./",
     "outDir": "./dist"

   },
   "include": [
     "server.ts",
     "src / ** / *"
   ],
   "exclude": [
     "node_modules",
     "** / *. spec.ts"
   ]
}

Visual Studio 如何完成它并使 React 组件声明变得不必要？

Answer 1

React 类组件必须扩展 React.Component 或使用 createReactClass() 创建；这就是它们如何继承 React 类组件的底层功能(状态、生命周期 Hook 等)。这不是来自 Typescript 的语法糖。

您可以阅读更多关于两者之间差异的信息 here .