在向 React 中的狀態數組添加新項目時，我遇到了一個意想不到的問題，這導致更多項目被添加到 DOM 中。在 Safari 和 Firefox 中，這會導致新的 DOM 項目被添加到折疊下方，我必須向下滾動才能看到新項目。在 Chrome 中，屏幕保持滾動到頁面底部，項目添加在上方。這意味著我需要向上滾動才能看到新項目。這顯然不是延遲加載或“加載更多”按鈕以查看列表中更多博客文章的預期行為。請參閱此處：https ://codesandbox.io/s/new-leaf-0fnv5?file=/src/App.js以下是一些其他觀察結果：我在另一臺裝有 Chrome 的 Mac 上試過它，它的行為更像 Safari 和 Firefox，但稍微向上滾動，以便在單擊“添加更多”之前看到最后一個項目。鑒于兩種瀏覽器之間的差異，必須有一種方法來實現更穩定的預期行為。我以前創建過類似的“加載更多”列表，但以前從未遇到過。我也從未在其他實時網站上看到過這種行為，所以很明顯我正在做一些不同的事情來觸發 Chrome 有時會以這種方式運行，我只是不知道是什么。我在 SO 上注意到一兩個類似的問題，但沒有一個解決了為什么在 Chrome 中有時會發生這種情況，但并非總是如此。關于可能影響 Chrome 以這種意外方式運行的任何建議？