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

/**
 * 滚动到顶部组件
 * 在路由变化时自动将页面滚动到顶部
 */
const ScrollToTop = () => {
    const { pathname } = useLocation();

    useEffect(() => {
        // 路由变化时滚动到页面顶部
        window.scrollTo({
            top: 0,
            left: 0,
            behavior: 'instant' // 使用 'instant' 避免滚动动画干扰页面切换
        });
    }, [pathname]);

    return null;
};

export default ScrollToTop;
