子组件上不存在Reactjs、Typescript-属性

我正在使用带有React的typescript 2.3.4。我收到错误TS2339:错误TS2339:类型“Readonly&Readonly”上不存在属性“name”。当我试图在子组件中声明属性时，会发生错误。如何正确地在子组件中引用属性

---

由于某些原因，代码没有在脚本运行程序中执行

感谢您的帮助

导出接口人{
名称：字符串；
年龄：人数；
}
界面状态{
人物：人物[]；
}
界面道具{
}
类ProfileData扩展了React.Component{
公共渲染（）{
返回(
概况1
{this.props.name}
)
}
}
导出类配置文件扩展了React.Component{
公共国家：国家；
公共道具：道具；
建造师（道具：道具）{
超级（道具）；
此.state={
人物：[
{
名称：“bazaaa”，
年龄:42
},
{
名字：“路易斯”，
年龄:24
}
]
};
}
公共渲染（）{
让profile1=this.state.personArray[0]；
返回(
)
}
}

---

您忘记在

ProfileData

类定义中将

名称

声明为React属性。像这样的方法应该会奏效：

class ProfileData extends React.Component<{name: string}, person> {

class ProfileData扩展React.Component{

“由于某些原因，代码没有在脚本运行程序中执行。”---它没有执行，因为它不是JS。我勾选了babel，认为它可以传输