Javascript React JS事件处理程序没有响应_Javascript_Reactjs_Event Handling

Javascript React JS事件处理程序没有响应

javascript reactjs

Javascript React JS事件处理程序没有响应,javascript,reactjs,event-handling,Javascript,Reactjs,Event Handling,我是个新手。我有一个非常简单的代码，它在一个函数中使用了一个警报，该函数应该由onClick触发。但是，该事件不会在Chrome（或任何其他浏览器）中触发。我错过了什么？我在谷歌上搜索过代码，但似乎无法理解 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial

我是个新手。我有一个非常简单的代码，它在一个函数中使用了一个

警报

，该函数应该由

onClick

触发。但是，该事件不会在Chrome（或任何其他浏览器）中触发。我错过了什么？我在谷歌上搜索过代码，但似乎无法理解

<!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/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="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>


反应模板
var Comment=React.createClass({
编辑：函数（）{
警告（“编辑评论”）；
},
删除：函数（）{
控制台日志（“删除”）；
警报（“删除注释”）；
},
渲染：函数（）{
返回(
{this.props.children}
编辑
去除
);
}
});
ReactDOM.render(
废话
，document.getElementById（'container'）；
是onClick
，而不是onClick
。看
React事件使用camelCase命名，而不是小写