react-router通过另一个组件中的id链接到元素

Question

我正在使用React Router，我试图通过id链接到另一条路由中的子组件。基本上使用<a href="www.url.com/profile/#profile-header-id">.

通常会做什么

我不确定是否有内置的反应路由器方法来执行此操作，但如果没有，或许我可以在稍后知道元素已被渲染时手动触发链接。< / p>

问题是没有链接到另一条路线，当然是使用来自反应路由器的Link。问题是链接到在链接组件的呈现HTML中找到的元素。

不太抽象的代码示例：

所以，让我们说我的路由器

<Route path"/A" component={A}>
<Route path"/B" component={B}>

组件A具有以下渲染：

render(){
  <div>
      // A looooot of text and other HTML elements
      <div id="relevant-to-B">
           // relevant stuff for component B
      </div>            
  </div>
}

现在在组件B中，我想要一个链接，它不仅带我到Route＆＃34; / A＆＃34;，而且还滚动到id #relevant-to-B的元素，从而跳过所有不相关的东西