onClick event in map function of ReactJS not firing

Question

I think I am missing something very simple here. My onClick event in map function isnt firing. I put a test hello function to test it out and it still doesnt seem to work. Any help will be appreciated.

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>
           );  
     }
);

Answer 1

I met the same problem and solved it like 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>
          )
        }.bind(this));