gpt4 book ai didi

javascript - ReactDOM.render渲染页面

转载 作者:行者123 更新时间:2023-12-01 00:50:52 24 4
gpt4 key购买 nike

ReactJS 新手,无法找出为什么此页面没有显示任何内容 -

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="react.16.8.6.development.js"></script>
<script src="react-dom.16.8.6.development.js"></script>
<script src="babel.7.5.4.min.js"></script>
</head>

<body>
<div id="container"></div>

<script type="text/babel">

class MyClass extends React.Componet{
render() {
return(<h1>Hello React Componets!</h1>);
}
}

ReactDOM.render(
<h1>MyClass</h1>,
document.getElementById('container')
);
</script>
</body>
</html>

我在控制台中收到错误 -

VM43:19 未捕获类型错误: super 表达式必须为 null 或 _inherits 处的函数 (:19:113) 于 :26:3 于:42:2

最佳答案

尝试这些代码:

<script type="text/babel">

class MyClass extends React.Component{
render() {
return(<h1>Hello React Componets!</h1>);
}
}

ReactDOM.render(
<h1><MyClass/></h1>,
document.getElementById('container')
);
</script>

关于javascript - ReactDOM.render渲染页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56980149/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com