React Bootstrap Modal滚动到顶部

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