javascript - REACT TypeError：类扩展值未定义不是构造函数或null

Question

我是 React 新手，我正在尝试构建一个静态网页来练习。当我尝试打开网页时，我收到此错误，指的是 src 文件夹中的 App.js 文件。

Error1-图像

App.js 代码如下：

import React from 'react';
import Task from './task.js'
import Navbar from './js/Navbar';
import MainPage from './js/MainPage';
import './App.css';

const tasks = [];
tasks.push(new Task("finish lab07", 0, 1, "AWI", "2020-05-27", 0));
tasks.push(new Task("finish ", 1, 1, "AWI", "2020/05/30", 0));
tasks.push(new Task("start studyng", 0, 1, "FL", "2020/06/01", 0));

const projects = [{id: 0, projectName: "AWI"}, {id: 1, projectName: "FL"}];

class App extends React.Component() {
     constructor(props){
     super(props);
     this.state = {tasks: tasks};
     }

     render(){
          return (
               <>
                  <Navbar id="navbar" />
                  <MainPage projects={projects} tasks={tasks}/>
               </>
          );
     } 
}

export default App;

如果我尝试从“react”导入 React，{Component} 并使用“扩展组件”而不是“扩展 React.Component”，我会收到此错误：

Error2-图像

谢谢您的帮助！

标签： javascriptreactjs

Answer 1

这是你应该做的：

class Welcome extends React.Component {
    render() {
        return <h1>Hello, {this.props.name}</h1>;
    }
}

您正在调用ComponentwithComponent()类，这就是它导致错误的原因。