boostrap手风琴改变网址

Question

我正在使用reactjs进行视图和angularjs进行路由和其他操作。使用ngReact来管理两者。

我需要实现带有'a'标签的boostrap手风琴。只要点击它，网址就会发生变化，迫使我的状态发生变化。我试着写一个函数onClick我在哪里阻止默认，但是使用调试器我发现即使在控制之前，角度已经改变了url。任何围绕它的工作。

accordion html片段：

<div className="row test">
    <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a data-toggle="collapse" data-target="#collapseOne"
                       href="#collapseOne" onClick={this.collapse.bind(this)}>
                        Usage
                    </a>
                </h3>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    hihihi
                </div>
            </div>
        </div>
</div>

reactjs onClick功能：

collapse(e) {
    console.log(e);
    e.preventDefault();
    return e;
}