Javascript 反应文档不呈现
我的整个代码如下所示:Javascript 反应文档不呈现,javascript,reactjs,Javascript,Reactjs,我的整个代码如下所示: <!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.
<!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>
反应过程
var Comment=React.createClass({
编辑:函数(){
警告(“编辑评论”);
},
删除:函数(){
警报(“删除注释”);
},
render:function(){
返回(
什么的文本
编辑
去除
);
}
});
ReactDOM.render(
呵呵
,document.getElementById('container');
当我刷新页面时,我什么也看不到。然后我检查了元素,我看到了你在图像中看到的错误,但我不知道会知道什么,因为我是react中的新手
希望你能帮忙
我认为这是因为您没有id为container的html元素。此部分必须引用有效的HTML元素<代码>document.getElementById('container')代码>
尝试将
example
的id更改为container
我认为这是因为您没有id为container的html元素。此部分必须引用有效的HTML元素<代码>document.getElementById('container')代码>
尝试将
示例
的id更改为容器
您在名为容器
的页面上没有元素,只有
谢谢。出于某种原因,我没有注意到您在名为容器
的页面上没有元素,只是
谢谢您。出于某种原因,我没有注意到是这样的。出于某种原因,我没有注意到是这样的。因为某种原因我没有注意到