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

事实上，我刚刚开始学习反应。我在网站上学习教程。但是当我在命令行中编译我的代码时，它会显示“编译成功”，但当我打开浏览器时，它会显示

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

实际上我不知道如何解决这个问题。但由于这个错误，我无法继续我的课程

import React, {component} from 'react';
import CardList from './CardList';
import {robots} from './robots';
import SearchBox from './SearchBox';

class App extends component {
    constructor(){
        super()
        this.state = {
        robots: robots,
        searchfield: ''     
        }
    }
    onSearchChange(event) {
        console.log(event.target.value);
    }
    render () {
    return (
        <div className='tc'>
        <h1> RoboFriends </h1>
        <SearchBox searchChange={this.onSearchChange}/>
        <CardList robots ={this.state.robots}/>
        </div>
        );
    }
 }  

export default App;

import React，{component}来自'React'；
从“/CardList”导入卡片列表；
从“./robots”导入{robots}；
从“./SearchBox”导入搜索框；
类应用程序扩展组件{
构造函数（）{
超级（）
此.state={
机器人：机器人，
搜索字段：“”
}
}
onSearchChange（事件）{
日志（event.target.value）；
}
渲染（）{
返回(
机器人
);
}
}  
导出默认应用程序；

将“组件”一词大写

将“组件”一词大写

---

React

为组件（类）使用

PascalCase

命名

这里的

组件

应该是

组件

import React, {Component} from 'react';

class App extends Component {

或者你有别的办法

import React from 'react';

class App extends React.Component {

---

React

为组件（类）使用

PascalCase

命名

这里的

组件

应该是

组件

import React, {Component} from 'react';

class App extends Component {

或者你有别的办法

import React from 'react';

class App extends React.Component {

0

导入React时，请尝试React.Component，不要使用React.Component**（）**删除这些括号。那么这个错误就消失了

从“React”导入React。。。。。。类App扩展了React.Component{}

或者你可以试试这个

从“React”导入React，{Component}。。。。。。类应用程序扩展组件{

0

导入React时，请尝试React.Component，不要使用React.Component**（）**删除这些括号。然后此错误就消失了

从“React”导入React；……类应用程序扩展React.Component{}

或者你可以试试这个

---

从“React”导入React，{Component}；……类应用程序扩展组件{

React使用大写字母。所以它是“扩展组件”而不是“扩展组件”，与导入相同，组件应该是组件。嗨，阿里，读一下-，试着结束这个问题。React使用大写字母。所以它是“扩展组件”而不是“扩展组件”，与导入相同，组件应该是组件。嗨，阿里请阅读此，并尝试关闭问题。请不要在多个问题上发布相同的答案。如果同一答案适合多个问题，则应考虑将其标记为重复。此外，我已经将此格式固定在一次答案上，所以如果您想将其留在这里，请回答此问题并修复格式。请不要张贴T。同样的答案在多个问题上。如果同一个答案适合多个问题，你应该考虑将它们标记为重复。此外，我已经在这个答案上固定了一次格式化，所以如果你真的想把它放在这里，请回答这个问题并修复格式化。