Question

我尝试检查其他帖子，这些帖子表明看到了相同的错误消息，但没有一个匹配我的上下文。我是ReactJS的新手，我正在研究自己的项目。所以，我创建了两个文件＆＃39; index.html＆＃39;和＆＃39; js / index.js＆＃39;。

＆＃39; index.html＆＃39; file包含以下代码：

<!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>

＆＃39; js / index.js＆＃39;文件包含：

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')
);

我不知道这段代码有什么问题导致错误。

Answer 1

你忘了写一个构造函数？

constructor(props) {
    super(props);
}

我认为React.component应为React.Component。否？

Answer 2

刚发现错误发生在'index.js'文件中。代码应该是：

class Card extends React.Component{}

TypeError：超级表达式必须为null或函数，而不是ReactJS中的未定义

2 个答案: