// src/components/ScrollToTop/index.js
// 路由切换时自动滚动到页面顶部

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

/**
 * ScrollToTop - 路由切换时自动滚动到顶部
 *
 * 使用方式：在 App.js 的 Router 内部添加此组件
 *
 * @example
 * <BrowserRouter>
 *   <ScrollToTop />
 *   <Routes>...</Routes>
 * </BrowserRouter>
 */
export default function ScrollToTop() {
    const { pathname } = useLocation();

    useEffect(() => {
        // 路径改变时滚动到顶部
        window.scrollTo(0, 0);
    }, [pathname]);

    return null;
}