Блог

Я пробовал с простыми компонентами функций и классов. Функциональная составляющая часть работает нормально после включения в мой app.js . но я включаю компонент класса, который показывает «TypeError: класс расширяет значение undefined не является конструктором или null в react», как я могу исправить эту проблему? Я пропустил какую-либо конфигурацию?

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;
 

версия react

  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
 

У вас опечатка Componet , но она должна быть Component в

 class Welcome extends Componet{