javascript - React 中的 ScrollIntoView 没有引用？

Question

我有一个很大的项目/div 列表，需要以编程方式创建，并且我需要为每个项目/div 实现scrollIntoView 按钮。我知道如何使用 refs 来做到这一点。

是否有比 refs 更高效的替代方案？

Answer 1

我相信这样的事情会起作用:

onScrollClick(ev) {
    ev.target.scrollIntoView();
}

render() {
    return (
           ... <button onClick={this.onScrollClick}>Scroll This Element Into View</button>
      )
}

假设您想要将按钮本身滚动到 View 中。如果这不是您想要的，则必须具体化。

[编辑]如果不是元素本身，而是元素父元素之一，您还可以使用 javascript api 查找父元素，element.parentElement - 您可以多次使用它您需要找到相关元素。