[2nd Project] GREAM - 경로와 쿼리 변경될 때마다 최상단으로 이동
ScrollToTop.jsx
import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';
const ScrollToTop = () => {
const { pathname, search } = useLocation();
useEffect(() => {
window.scrollTo(0, 0);
}, [pathname, search]);
return null;
};
export default ScrollToTop;컴포넌트 위치
Router 컴포넌트 안에 작성
❗️ 공용 컴포넌트 디렉토리에 위치시켜두고 Routes.js 폴더에 선언하여 pathname과 search를 인식하도록 함
Author And Source
이 문제에 관하여([2nd Project] GREAM - 경로와 쿼리 변경될 때마다 최상단으로 이동), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@silviaoh/경로와-쿼리문-변경될-때마다-최상단으로-이동저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
