React 报错Super expression must either be null or a function, not undefined

最新推荐文章于 2024-02-27 22:16:02 发布

shaoin_2

最新推荐文章于 2024-02-27 22:16:02 发布

阅读量1.2k

点赞数 1

分类专栏： React 文章标签： react.js

本文链接：https://blog.csdn.net/weixin_49175501/article/details/120332636

版权

React 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

问题描述

在定义class组件的时候出现：Super expression must either be null or a function, not undefined报错！
报错信息

解决问题

原来是React.component中的component首字母没有大写！！！

将React.component改写成React.Component 问题解决。

class Message extends React.Component {
  constructor(props) {
    super(props);
    this.state = { messageList: props.messageList };
  }
  render() {
    return (
      <div>
        {this.state.messageList.length > 0 ? (
          <h2>You have {this.state.messageList.length} messages</h2>
        ) : (
          <h3>nothing</h3>
        )}
      </div>
    );
  }
}
const arr = ["sd", "sd", "ds", "ws", "sw"];
ReactDOM.render(<Message messageList={arr} />, document.getElementById("root"));