react组件报错缺少类型“ElementClass”中的以下属性: context, setState...？

Question

随便写了一个index2组件，一直报语法错误，找了半天也没有找到原因？
// app.tsx

// index2.jsx

Answer 1

首先写在最前面，建议去查看官方文档之后再使用react

在使用类（class）定义组建的时候，申明只读状态的时候是需要在构造函数(constructor)中去初始化的。

所以你的代码应该改写为如下

interface MyProps {
    ...
}
interface MyState {
    ...
}
export default Index2 extends react.Component<MyProps, MyState> {
    constructor(props:MyProps) {
        super(props);
        this.state = {}
    }
    render() {
        return <div>this is Index2</div>
    }

}

需要注意一点，如果是使用ts作为项目开发，你定义的组件应该是tsx结尾。
React文档