React Bootstrap Modal滚动到顶部

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