Javascript React-TypeError:无法设置属性'；道具'；未定义的

我正在努力学习类组件，我做了一些错误的事情，但不知道是什么

import React from "react"

class App extends React.Component() {
    constructor() {
        super()
        this.state = {
            name: "test",
            age: 31
        }
    }
    
    render() {
        return (
            <div>
                <h1>{this.state.name}</h1>
                <h3>{this.state.age} years old</h3>
            </div>
        )    
    }
}
export default App

从“React”导入React
类应用程序扩展了React.Component（）{
构造函数（）{
超级（）
此.state={
名称：“测试”，
年龄:31
}
}
render（）{
返回(
{this.state.name}
{this.state.age}岁
)    
}
}
导出默认应用程序

这就是错误所在

TypeError:未定义的类扩展值不是构造函数或null

---

您正在扩展

React.Component（）

它应该是

React.Component

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      name: "test",
      age: 31
    };
  }

  render() {
    return (
      <div>
        <h1>{this.state.name}</h1>
        <h3>{this.state.age} years old</h3>
      </div>
    );
  }
}
export default App;

类应用程序扩展了React.Component{
构造函数（）{
超级（）；
此.state={
名称：“测试”，
年龄:31
};
}
render（）{
返回(
{this.state.name}
{this.state.age}岁
);
}
}
导出默认应用程序；

您扩展了

React.Conponent（）

它应该是

React.Component

是的就是它。