React Bootstrap Модальная прокрутка вверх

Question

У меня есть модал React Bootstrap, который содержит форму. Когда форма проверяется, она отображает ошибки в верхней части формы. Поскольку форма большая, эти ошибки не видны.

Мне нужен модал, чтобы вернуться к вершине.

Я попытался прикрепить ссылку к модалу и использовать scrollTop, но, похоже, это не работает - вот так

<Modal ref={el => (this.modal = el)} ......... />

Тогда; this.modal.scrollTop = 0

Answer 1

Вы можете использовать scrollTop только для элемента DOM, а не для класса компонента React. Чтобы получить элемент DOM, используйте ReactDOM.findDOMNode(), например

<Modal ref={el => (this.modal = el)} ......... />

const modalDOM = ReactDOM.findDOMNode(this.modal);
modalDOM.scrollTop = 0