[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を識別

Reference

この問題について([2 Project]GREAM-パスとのクエリが変更されるたびに最上位へ移動), 我々は、より多くの情報をここで見つけました https://velog.io/@silviaoh/경로와-쿼리문-변경될-때마다-최상단으로-이동

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Lifecycle

在庫帳簿年齢分析報告書(中二)