IT技术 - react动态事件 - 吾爱随笔录

我很难将动态事件附加到我的react组件。我有以下组件：

var ListItem = React.createClass({
    render: function() {
        return (
            <li className="selector" >
                <div className="column">
                    <h2 className="commentAuthor">
                        {this.props.author}
                    </h2>
                    <div>{this.props.children}</div>
                </div>
            </li>
        );
    }
});

var ListBox = React.createClass({
    mixins : [MyMixin],

    render : function() {
        this.nodes = this.props.data.map(function(item) {
            return <ListItem author={item.author}>{item.text}</ListItem>;
        });
        return (
            <ul id="columns">
                {this.nodes}
            </ul>
        );
    }
});

如您所见，ListItem 将 className 设置为“选择器”。基于这个“选择器”，我想查询节点并在 MyMixin 中动态附加事件。

React.renderComponent(
    <ListBox data={data} selector="li.selector" />,
    document.getElementById('example')
);

也许我的想法完全错了，因为我对 React 还很陌生。

问候

var ListItem = React.createClass({ handleClick: function(event) { // Handle ListItem click }, handleDoubleClick: function(event) { // Handle ListItem double click }, render: function() { return ( <li className="selector" onClick={this.handleClick} onDoubleClick={this.handleDoubleClick}> <div className="column"> <h2 className="commentAuthor"> {this.props.author} </h2> <div>{this.props.children}</div> </div> </li> ); } });