gpt4 book ai didi

javascript - React 文档未渲染

转载 作者:行者123 更新时间:2023-11-28 17:51:35 25 4
gpt4 key购买 nike

我的整个代码如下所示:

<!DOCTYPE html>
<html>
<head>
<title>React course</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
</head>
<body>

<div id="example"></div>

<script type="text/babel">

var Comment = React.createClass({

edit: function () {
alert('Editing comment');
},

remove: function () {
alert('Removing comment');
},

render: function() {
return (
<div className="commentContainer">
<div className="commentText">Text of whatever</div>
<button onClick={this.edit} class="btn-primary">Edit</button>
<button onClick={this.remove} class="btn-danger">Remove</button>
</div>
);
}
});

ReactDOM.render(
<div className="board">
<Comment>Heya</Comment>
</div>
,document.getElementById('container'));
</script>
</body>

当我刷新页面时,我什么也没看到。然后我检查该元素,看到您在图像中看到的错误,但我真的不知道会发生什么,因为我是 react 新手。

希望能帮到你

enter image description here

最佳答案

我认为这是因为你没有带有容器 id 的 html 元素。此部分必须引用有效的 HTML 元素。 document.getElementById('container'));

尝试将 example 的 id 更改为 container

关于javascript - React 文档未渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45412565/

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