[React] navigate() - 최상단 으로 이동 하지 않을때

민갱·2023년 8월 24일
0

React

목록 보기
16/20

이동 할떄, 페이지 상단으로 넘어가질 않아....
완전 간단히 신기하게 해결하는거였넵:)

    setTimeout(() => {
      window.scrollTo(0, 0);
    }, 100); // 100ms 후에 스크롤 조정

너무 구리잖아..ㅎㅎ

해결.

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

export default function ScrollToTop() {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

  return null;
}
ReactDOM.render(
  <BrowserRouter>
  <ScrollTop />
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);
profile
가보자고

0개의 댓글

관련 채용 정보