使用按钮滚动到元素顶部

Question

我的页面上的<div>长。在此<div>中，我在底部有滚动条和按钮。我的问题是如何为该按钮创建一个功能以在此div顶部滚动。

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

在普通js中，这非常容易，但是在ReactJS中我不知道。我应该尝试找到dom节点，然后滚动到其顶部吗？

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

请给我一些建议吗？

Answer 1

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

您不能使用document.querySelector-这是React的坏主意

Answer 2

必须使用参考。您可以查看完整演示here

的此链接