import { useLocation } from 'react-router-dom';
我目前正在使用 Nextjs，我需要與useLocation等效的幫助
`
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；`
uj5u.com熱心網友回復：
是的，您可以useNavigate在 react-router-dom v6 中使用，也可以useHistory在 react-router-dom < v6中使用
uj5u.com熱心網友回復：
查看 next.js 檔案react-router-dom
uj5u.com熱心網友回復：
您可以使用“next/router”中的 useRouter，然后可以使用路徑名或 asPath，然后有條件地添加 slug 或引數。休息，您可以通過其他人發布的檔案找到更多資訊。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/439777.html
標籤：javascript 反应 下一个.js