React: trying to add an onClick to a li tag but the click handler function is undefined
<p>I am new to react, so I don't know much about it.
I am trying to add a click handler to a li but the function seems to be undefined?</p>

<pre><code>var ActivityList = React.createClass({
  getInitialState: function() {
    return {name:"test"};
  },
  handleClick:function(e){
    console.log(e.target.name);
  },
  render:function(){
    return (
      &lt;ul&gt;
        {this.props.data.map(function(game){
         return &lt;li onClick={this.handleClick} name={game.name}&gt;{game.name}&lt;/li&gt;;
        })
      }
      &lt;/ul&gt;);
  }
});
</code></pre>

<p>I am wondering if it is because i have my scoping wrong here?</p>