如何在ReactJS中导航到同一页面上的特定div？

我必须在React JS应用程序中导航到同一页面上的特定div。例如，它是如何在下面的网站上完成的。当你点击时，用户界面会滚动并聚焦于特定的div，类似地，本网站上的其他链接也是如此。

---

获取目标元素的偏移量，并使用

窗口。滚动至

以将其定位在页面顶部或您想要的任何位置。这将在chrome/最新浏览器中工作。您可能需要检查其他浏览器的兼容性

let offsetTop  = document.getElementById("yourelement").offsetTop;
window.scrollTo({
    top: offsetTop-100, 
    behavior: "smooth"
});

程序在代码笔中

更新

我已将此逻辑添加到在线reactjs项目编辑器中，它可以正常工作。 您可以看到这段代码是如何工作的

---

检查

App.js

App.css

和实时结果。

当我点击侧菜单时，我只希望焦点转到特定的div或组件。谷歌搜索“javascript滚动到页面的特定部分”