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