我的第一个react应用显示typeError: Class extends值undefined在react中不是构造函

Question

我尝试了简单的函数和类组件。功能组件部分工作后，包括在我的app.js。但我包括类组件，它显示'typeError:类扩展值undefined不是一个构造函数或null在反应'，我该如何解决这个问题?我漏掉了什么构型吗?

welcome.js

import React ,{ Componet  } from 'react'
class Welcome extends Componet{
render(){
return <h1> class component welcome </h1>
}
}
export default Welcome

app.js

import React, {Component} from 'react'
import './App.css';
import Greet from './components/Greet'
import Welcome from './components/Welcome';
function App() {
return (
<div className="App">
<Greet/>
<Welcome/>
</div>
);
}
export default App;

反应版本

npm view react version
17.0.1
npm view react-native version
0.63.4
npm view react-scripts version
4.0.2
npm view react-dom version
17.0.1

Answer 1

你有一个错字Componet，但应该是Component

class Welcome extends Componet{