反应引导模式滚动到顶部

Question

我有一个包含表单的 React Bootstrap 模式。当表单验证时，它会在表单顶部显示错误。由于表单很大，因此这些错误不可见。

我需要模态滚动回顶部。

我尝试将 ref 附加到模态并使用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