当前位置: 首页 > 知识库问答 >
问题:

TypeError:超级表达式必须为null或function,在ReactJS[duplicate]中未定义

陆浩博
2023-03-14

我试着检查了其他帖子,上面写着看到了同样的错误信息,但是没有一个符合我的上下文。我是新来的ReactJS,我正在我自己的项目。所以,我创建了两个文件index.html和js/index.js

“index.html”文件包含以下代码:

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">

        <!--<link rel="stylesheet" type="text/css" href="css/style.css"/>-->
        <title>Profile</title>
        <script crossorigin src="https://unpkg.com/react@15/dist/react.min.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

    </head>
    <body>
        <div id="app">

        </div>
    </body>
    <script src = "js/index.js" type="text/babel"></script>
</html>

“js/index.js”文件包含:

class Card extends React.component{
    render(){
        return(
            <div className="card">
            <div className="imagebox">
                   <img src = "2.jpg"/> 
            </div>
            <div className = "biobox">
                <p>Display Name</p>
                <p>Username</p>
                <p>Location</p>
            </div>
            <div>
                <p>Updates</p>
            </div>
            </div>
        )
    }
}

ReactDOM.render(
    <Card />, document.getElementById('app')
);

我不知道这个代码有什么问题,我得到了错误。

共有2个答案

蒋嘉实
2023-03-14

刚刚发现错误在'index.js'文件中。守则应该是:

class Card extends React.Component{}
燕文昌
2023-03-14

你忘了写构造函数

constructor(props) {
    super(props);
}

我认为React.component应该是React。组件.没有吗?

 类似资料: