-1
저는 React JS newbe입니다. 나는 onClick에 의해 방아쇠를 당해야하는 함수에서 alert을 사용하는 아주 간단한 코드를 가지고있다. 그러나 Chrome (또는 다른 브라우저)에서는 이벤트가 실행되지 않습니다. 내가 뭘 놓치고 있니? 내가 봤 거든, 주위에 코드 놀아,하지만 그냥 그것을 알아낼 수 없습니다.React JS 이벤트 핸들러가 응답하지 않습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>React - Template</title>
<script crossorigin src="https://unpkg.com/[email protected]/dist/react.min.js"></script>
<script crossorigin src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/babel">
var Comment = React.createClass({
edit: function() {
alert('Editing comment');
},
remove: function() {
console.log("Removing");
alert('Removing comment');
},
render: function() {
return (
<div className="commentContainer">
<div className="commentText">{this.props.children}</div>
<button onclick={this.edit} className="button-primary">Edit</button>
<button onclick={this.remove} className="button-danger">Remove</button>
</div>
);
}
});
ReactDOM.render(
<div className="board">
<Comment title="Blah">Blah</Comment>
</div>
, document.getElementById('container'));
</script>
</body>
</html>