Как интегрировать событие клика с прокруткой блока в реакт?

Question

[historydev]

Добрый вечер. Скажите пожалуйста как мне правильно втулить прокрутку, задумка такая: клик на кнопку - прокрутка к началу следующего блока/на высоту текущего но.. Ошибка очевидна, он не может найти дом элемент т.к. он ещё не создан, я могу как-то отложить это или в реакте есть свои функции для реализации подобного?

Вот что я попробовал, спасибо:

function scroll() {
    return document.querySelector('.textBoxes').scrollTo(0, 400)
}

function createButton(className, text, type) {
    if(type !== String) {
        return (
            <button type={type} className={className} onClick={scroll()}>{text}</button>
        )
    }
    else {
        return (
            <button className={className} onClick={scroll()}>{text}</button>
        )
    }
}

Спасибо.

Comments

[twolegs]

В onClick нужно передавать ссылку на функцию, а вы ее вместо этого вызываете.
Должно быть onClick={scroll} вместо onClick={scroll()}

[historydev]

twolegs, да, это сработало, спасибо, гуглил всё это время, не знаю как правильно подобрать слова, у меня таких элементов 10 с классом .textBox мне нужно прокручивать так, чтобы вне зависимости от размера следующего и текущего блоков, прокручивало к началу следующего, не подскажете хотябы направление? Нашёл scrollintoview но он вроде на один элемент. Спасибо.

Answer 1

[Шохрух Шаймардонов]

Гугл забанил?
СО