[2 Project]GREAM-パスとのクエリが変更されるたびに最上位へ移動

2782 ワード

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構成部品での作成



𘥬战战战战战战战战战2512jsフォルダに宣言してpathnameとsearchを識別