import { useNavigate, useLocation } from 'react-router-dom';

function MyComponent() {
  const navigate = useNavigate();
  const location = useLocation();

  // 使用 navigate 进行导航
  const goToHome = () => {
    navigate('/');
  };

  // 使用 location 获取当前路由信息
  console.log(location.pathname);

  return (
    <div>
      {/* ... */}
    </div>
  );
}

import { useSearchParams } from 'react-router-dom';

function MyComponent() {
  const [searchParams] = useSearchParams();

  // 获取查询参数
  const myParam = searchParams.get('myParam');

  return (
    <div>
      {/* ... */}
    </div>
  );
}