反应onClick不在多个元素中触发

Question

我在onClick in元素中遇到问题 onClick事件适用于切换框
但是当我在链接元素

上使用时不会激怒

这是我的代码:(这是一个很小的下拉组件）

handleClick: function(e) {
        console.log('try')
    },

    renderLink: function(list){
        if (list.type === 'lang') {
            return   <a onClick={this.handleClick} target={!this.props.newTab?'':'_blank'}>{list.title}</a>;
        } else {
            return   <a  href={list.url} target={!this.props.newTab?'':'_blank'}>{list.title}</a>;
        }
    },


    render: function() {
        var list;
        if (this.state.isOpened) {
            var listItems = [];
            for (var i=0; i<this.props.list.length; i++) {
                listItems.push(
                    <li   key={i}>
                        {this.renderLink(this.props.list[i])}
                    </li>
                );
            }

            list = (
                <ul className="selector-list">
                    {listItems}
                </ul>
            );
        }

        return (
            <div className={'selector '+this.props.id} onClick={this.toggleList}>
                <div className="down-arrow"></div>
                <div className="title">{this.props.title}</div>
                {list}
            </div>
        );
    }