如何使用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文件夹位于项目的正下方。在“类型”文件夹中，有一个定义文件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.Component或使用createReactClass()创建；这就是它们如何继承React类组件的基础功能（状态，生命周期钩子等）。这不是来自Typescript的语法糖。

您可以详细了解两个here之间的区别。