Javascript 通过另一个组件内的id将路由器链接到元素
我正在使用React路由器,我正在尝试通过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 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
的元素,从而跳过所有不相关的内容