.bind() in React components

gistfile1.js

// This is bad
var List = React.createClass({
  render() {
    return (
      <ul>
        {this.props.items.map(item => 
          <li key={item.id} onClick={this.props.onItemClick.bind(null, item.id)}>
            ...
          </li>
        )}
      </ul>
    );
  }
});

// This is what you want
var List = React.createClass({
  render() {
    return (
      <ul>
        {this.props.items.map(item => 
          <ListItem key={item.id} item={item} onItemClick={this.props.onItemClick} />
        )}
      </ul>
    );
  }
});

var ListItem = React.createClass({
  render() {
    return (
        <li onClick={this._onClick}>
          ...
        </li>
    );
  },
  _onClick() {
    this.props.onItemClick(this.props.item.id);
  }
});