onclick事件在react.js中不起作用

Question

我是新手做出反应并尝试开发一个简单的react.js应用程序，我正在使用onClick处理程序在javascript中尝试一个简单的警报。 onClick事件未触发。这是代码段

module.exports = React.createClass({
      alertMessage: function() {
        alert(this.props.name);                             
      },

       render: function () {
        return (
            <div onClick={this.alertMessage}>
            Hello {this.props.name}
            </div>
        );
    }
});

Answer 1

您必须将alterMessage函数绑定到react组件。因为你在函数中使用了反应组件的道具，

  

'this.props'

按如下方式绑定它，

  

this.alertMessage.bind（本）