javascript - 在 nextjs 中是否有来自 'react-router-dom' 的 {useLocation} 的等价物

Question

import { useLocation } from 'react-router-dom';我目前正在使用 Nextjs，
我需要 的帮助使用位置
`

 import Link from 'next/link';
 import { FC } from 'react';
 import {useRouter} from 'next/router';
 import { useStore } from '../store';`



const PrivateRoute: FC = ({ children }) => {
const currentUser = useStore((state) => state.currentUser);
const location = useRouter();`

if (!currentUser)
    return (
        <Link
            href={`/sign-in?redirect=${encodeURIComponent(
                location.pathname + location.push('chat')
            )}`}
        />
    );
return <>{ children }</>

}
导出默认 PrivateRoute；`

Answer 1

您可以使用“next/router”中的 useRouter，然后可以使用路径名或 asPath，然后有条件地添加 slug 或参数。休息，您可以通过其他人发布的文档找到更多信息。