TS2339：类型“ Home”上不存在属性“ props”

Question

我有一个非常基本的与tsx交互的程序，我收到一个错误，我无法弄清为什么

import React from 'react';
// import {connect} from 'react-redux'

export class Home extends React.Component {    
    render(){
        console.log(this.props)
        return (
            <div>Working</div>
        )
    }
}


import * as React from 'react'
import * as ReactDOM from 'react-dom';
import {Home} from './Components/Home.component'
class App extends React.Component<any,any>{
render(){
    return(
        <Home value="abc" />
    )
  }
}
ReactDOM.render( <App />, window.document.getElementById("app"))

git 将此代码克隆

Answer 1

拉下您的存储库并进行检查后，我意识到您没有打字稿的反应类型。

键入是管理和安装TypeScript定义的简单方法

添加这行

"@types/react": "^16.0.25" // or another version you prefer

并再次package.json运行npm i一次即可解决该问题。尝试一下，让我知道这是否可以解决您的问题:)

PS：TypeScript要求您描述对象和数据的形状。如果您查看我之前提供的其他答案，那么它的版本很长且很复杂。
您需要指定一种描述道具的类型，并将其传递给相关组件