ReactJS的map函数中的onClick事件未触发

时间:2015-03-30 12:43:54

标签: javascript onclick reactjs

我想我在这里错过了一些非常简单的事情。我在map函数中的onClick事件没有触发。我放了一个测试hello函数来测试它,它似乎仍然无法正常工作。任何帮助将不胜感激。

window.PredictionContainer = React.createClass({
   mixins:[PredictionWatchMixin(predictionItems)],
   **hello: function(){
     alert("aasd");
     },**
     render:function(){
        var self = this;
        var matches = this.state.matches.map(function(match,i)
        {
          return (
          <div key={i} **onClick={self.hello}** className="post box padd">Some dummy text here </div>
          )
        });
        return (
          <div><PredictionTabs  tournament_id={this.props.tournament_id} onClick={this.updateEvent}/> {matches}  </div>
           );  
     }
);

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题并解决了这个问题:

var matches = this.state.matches.map(function(match,i)
        {
          return (
          <div key={i} **onClick={self.hello}** className="post box padd">Some dummy text here </div>
          )
        }.bind(this));