// Passing Argument pada click handler yang merubah state dan di tampilkan pada method render
// akan membuat react infinite loop.

var App = React.createClass({
  getInitialState() {
    return {
      selectedList: {},
      mocks: [
        { name: "Example" },
        { name: "Dummy"   }
      ]
    }
  },

  handleClick(listToSelect) {
    this.setState({ selectedListt: listToSelect });
  },

  render() {
    var mocks = this.state.mocks;
    var listItem = mocks.map( (list) => {
      return ( <li onClick={ this.handleClick(list) }> {list.name} </li>);
    });

    return (
      <div>
        <h2>Selected List </h2>
        <p> {this.state.selectedList </p>

        <ul>
          {listItem}
        </ul>
      </div>
    )
  }
});
///////////
// Solusi
////////////
    var mocks = this.state.mocks;
    var listItem = mocks.map( (list) => {
      return ( <li onClick={ this.handleClick.bind(null, list) }> {list.name} </li>);
    });