class Li extends React.Component {

  render() {

    return <li onClick={this.onClick}> {this.props.children} </li>;

  }

  onClick = () => {

    console.log(this.props.item);

  }

}

​

class App extends React.Component {

  state = {

    items: [

      {id: 1, name: 'one'},

      {id: 2, name: 'two'},

      {id: 3, name: 'three'},

    ]

  };

  render() {

    return <ul> 

      {this.state.items.map(i => 

        <Li key={i.id} item={i}>{i.name}</Li>

      )} 

    </ul>;

  }

}

​

ReactDOM.render(

  <App />,

  document.getElementById('app')

);