Twitter bootstrap 3 React路由器:防止散列(#)链接重新呈现组件

Twitter bootstrap 3 React路由器:防止散列(#)链接重新呈现组件,twitter-bootstrap-3,react-router,Twitter Bootstrap 3,React Router,在引导中,哈希链接用于切换可折叠面板: <Link to='#' data-toggle='collapse' data-target={dataTarget} aria-expanded='false'>{this.props.text}</Link> {this.props.text} 当点击这样的链接时,我希望路由器不要重新渲染组件 上面的链接用于使某些页面内容溢出的导航菜单。单击菜单中的链接时,会导致页面内容刷新。发生这种情况是因为react router拾取

在引导中,哈希链接用于切换可折叠面板:

<Link to='#' data-toggle='collapse' data-target={dataTarget} aria-expanded='false'>{this.props.text}</Link>
{this.props.text}
当点击这样的链接时,我希望路由器不要重新渲染组件

上面的链接用于使某些页面内容溢出的导航菜单。单击菜单中的链接时,会导致页面内容刷新。发生这种情况是因为react router拾取了对链接的单击,因此触发了当前页面的路由


如何避免这种情况,使链接只切换可折叠面板而不会导致重新渲染?

删除
from to='#'`并且它不会刷新。

如果我这样做:to='',路由器只会导航到站点的根目录?渲染的html是什么样子的