Javascript 滚动到下一页的特定部分_Javascript_Reactjs

Javascript 滚动到下一页的特定部分

javascript reactjs

Javascript 滚动到下一页的特定部分,javascript,reactjs,Javascript,Reactjs,我在React项目的主页上有两个li标签，比如 <ul> <li>abcd</li> <li>efgh</li> <li>ijkl</li> <li>mnop</li> <li>qrst</li> </ul> abcd efgh ijkl mnop qrst 我从我的数据库中获取这些数据，但我在这里只显示标题。点击这个标题，我会被重定向到另一个页

我在React项目的主页上有两个li标签，比如

<ul>
<li>abcd</li>
<li>efgh</li>
<li>ijkl</li>
<li>mnop</li>
<li>qrst</li>
</ul>


abcd
efgh
ijkl
mnop
qrst

我从我的数据库中获取这些数据，但我在这里只显示标题。点击这个标题，我会被重定向到另一个页面，说“/news”

现在，我面临的问题是，单击任何li标记时，我必须重定向到“/news”，然后滚动到特定的部分，我可以将其id作为参数传递到route中，或者以任何其他方式传递id，如.props.history.push（）（“/news”包含不同新闻的不同部分）

搜索带有react refs滚动的内容

ZunaibImtiaz没有问题，但如何在特定id上滚动我的意思是，首先我必须将id设置为react.createRef或类似的内容使用id分配每个项目，并说其包装的div具有id=“abc”，然后在安装组件时滚动到该div。在lifecycle钩子中获取id，然后滚动。阅读此文件或npm包会有所帮助