问将函数传递给子列表项

EN

var App = React.createClass({
    getInitialState: function(){
      return {focused : 'nil'}
    },
    clickHandler: function(e){
      this.setState({focused: e});
    },
    render: function(){
      return(
        <div className = 'app'>
          <Child data = {['1', '2', '3']} handler = {this.clickHandler} />
          {this.state.focused}
        </div>
      );
    }
  });
  var Child = React.createClass({
    clickHandler: function(e){
      {this.props.handler(e)}
    },
    render: function(){
      var self = this;
      var list = this.props.data.map(function(item, index){
        return <li key = {index} onClick = {self.clickHandler}>{item}</li>
      });
      return(
        <ul className = 'child'>
          {list}
        </ul>
      );
    }
  });