reactjs - react onClick 事件

Question

我错过了一些东西。这是一个非常简单的 hello world，目标是仅在单击时触发警报事件。该事件会在页面加载时触发，但在我单击按钮时不会触发。我很感激你的帮助。这里放一个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'));