reactjs - 如何在 React.js 中访问另一个同级 DOM 元素

Question

我想知道如何实现这一目标。

我正在做一个可滚动的单页浏览器，并制作了一个菜单，假设可以导航到页面上的不同部分。当然，我需要知道的是部分和页面顶部之间的距离是多少。菜单是一个组件，其他是菜单的兄弟。我想动态获取它，即。无需将其设置为固定高度。我知道一个答案可能是通过 JS 找到一个 DOM 元素，如下所示：

document.getElementById('contactSection')

并从页面顶部获取此部分的距离。但这似乎并不优雅，可能不推荐这样做。它也是纯JS。你能分享你如何访问 DOM 独立元素吗？

谢谢！

标签： reactjs