ReactJS: Avoid binding to event handlers with composition

example.jsx

class Example extends React.Component {
    onClick(e, id) {
        ...
    }
    render() {
        return <ul>{this.props.items.map((el, i) => <li onClick={this.onClick.bind(this, el.id)}>{el.description}</li>)</ul>
    }
}

/// OR........

class Example extends React.Component {
    onClick(e, id) {
        ...
    }
    render() {
        return <ul>{this.props.items.map((el, i) => <ListItem {...el} onClick={this.onClick}>)</ul>
    }
}

class ListItem extends React.Component {
    onClick(e) {
        this.props.onClick(e, this.props.id);
    }
    render() {
        return <li onClick={this.onClick}>{this.props.description}</li>;
    }
}