滚动到带有按钮的元素顶部



我有一个长<div>的页面。在这个<div>我在底部有滚动条和按钮。我的问题是如何为此按钮创建一个函数以在此div 中向上滚动。

按钮和div 实际上是两个不同的组件。

在vanilla js中,这很容易,但在ReactJS中我不知道。我应该尝试找到 dom 节点,然后滚动到它的顶部吗?

我不能使用来自 npm 等的任何其他库。

你能给一些建议吗?

您必须使用ref查找元素 - https://reactjs.org/docs/refs-and-the-dom.html。 如果您需要在非常不同的组件中共享您的 props 或状态,您可以使用上下文 - https://reactjs.org/docs/legacy-context.html#how-to-use-context

你不能使用 document.querySelector - 这对 React 来说是个坏主意

必须使用 ref。您可以在此处查看完整演示的此链接

最新更新