如何使React对象不必要使用Visual Studio 2019 Typescript进行任何声明



我已经在Visual Studio 2019 Nodejs项目中创建了一个打字稿程序,但是如果我不包括以下声明,则如果我使用SetState方法或THIN.PROPS。。

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

类型文件夹位于项目下方。在类型文件夹中,有一个定义文件,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"
   ]
}

视觉工作室如何完成并使React组件声明不必要?

React类组件必须扩展React.Component或使用createReactClass()创建;这就是他们继承反应类组件(状态,生命周期钩等(的基本功能的方式。这不是来自打字稿的句法糖。

您可以在此处阅读有关两者之间差异的更多信息。

最新更新