反应onClick事件

Question

我想念一些东西。这是一个非常简单的问候世界，目标是仅触发警报事件onClick。该事件在页面加载时触发，但在单击按钮时不触发。感谢您的帮助。这是一个jsFiddle，使它更易于查看：jsFiddle

var Hello = React.createClass({
render: function() {
    return <button onClick={alert("Hello World!")}>
               Click Me
            </button>;
}
React.render(<Hello />, document.getElementById('container'));

Answer 1

我认为您会犯错，因为ReactJS只是JavaScript，我认为触发此事件的方式不起作用。您的onClick应该触发一个附加到React元素的函数，就像这样。

var Hello = React.createClass({
    myClick: function () {
        alert("Hello World!");
    },
    render: function() {
        return <button onClick={this.myClick}>
                   Click Me
                </button>;
    }
});

React.render(<Hello />, document.getElementById('container'));