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