Блог

Я перепробовал все, что нашел в сообществе StackOverflow и Github, но я все еще не могу найти способ прокрутить страницу до верха при ее рендеринге. В моем последнем effor я добавил компонент scrollTop

 import { useEffect } from "react";
import { withRouter } from "react-router-dom";

const ScrollToTop = ({ children, location: { pathname } }) => {
  useEffect(() => {
    window.scrollTo({
      top: 0,
      left: 0,
      behavior: "smooth",
    });
  }, [pathname]);

  return children || null;
};

export default withRouter(ScrollToTop);
 

и я добавил его в index.js файл

 import ScrollToTop from "./components/ScrollTop";

ReactDOM.render(
  <BrowserRouter>
    <ScrollToTop>
      <App />
    </ScrollToTop>
  </BrowserRouter>,

  document.getElementById("root")
);
 

Кто-нибудь может объяснить мне, почему это не работает?

Я также попробовал useEffect в каждом компоненте, который я хочу отобразить с помощью window.scrollTo(0,0), но это не сработало.