Javascript 通过另一个组件内的id将路由器链接到元素

Javascript 通过另一个组件内的id将路由器链接到元素,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在使用React路由器,我正在尝试通过id链接到另一个路由中的子组件。基本上使用 我不确定react router是否有一种内置的方式来实现这一点,但如果没有,也许我可以在稍后知道元素已渲染时手动触发链接 问题不是链接到另一条路由,当然这是通过react路由器的链接完成的。问题是链接到链接组件的呈现HTML中的元素 不太抽象的代码示例: 假设我的路由器是 <Route path"/A" component={A}> <Route path"/B" component={B}

我正在使用React路由器,我正在尝试通过id链接到另一个路由中的子组件。基本上使用

我不确定react router是否有一种内置的方式来实现这一点,但如果没有,也许我可以在稍后知道元素已渲染时手动触发链接

问题不是链接到另一条路由,当然这是通过react路由器的
链接完成的。问题是链接到链接组件的呈现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>
}
render(){
//大量的文本和其他HTML元素
//B部分的相关资料
}
现在在组件B中,我需要一个链接,它不仅可以将我带到路由“/a”,还可以滚动到id
#relevant-to-B
的元素,从而跳过所有不相关的内容