ScrollIntoView в React без ссылок?

Question

У меня есть большой список элементов / делений, которые мне нужно создать программно , и мне нужно реализовать кнопки scrollIntoView для каждого из них. Я знаю, как это сделать с помощью ссылок.

Есть ли альтернатива ссылкам, которая может быть более производительной?

Answer 1

Я думаю, что-то вроде этого будет работать:

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

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

Это предполагает, что вы хотите прокрутить саму кнопку в поле зрения. Если это не то, что вам нужно, вам нужно указать c.

[править], если это не сам элемент, а один из родительских элементов, вы также можете найти родителя с javascript apis, element.parentElement - вы можете использовать это столько раз, сколько вам нужно, чтобы найти соответствующий элемент.