javascript 在nextjs中，“react-router-dom”中是否有{useLocation}的等效项

ee7vknir 于 2023-03-11 发布在 Java

关注(0)|答案(3)|浏览(123)

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 }</>

}
导出默认的私有路由;'

JavaScript

来源：https://stackoverflow.com/questions/71394667/is-there-an-equivalent-for-uselocation-from-react-router-dom-in-nextjs

3条答案

按热度按时间

wlzqhblo1#

你可以从'next/router'使用useRouter，然后你可以使用pathname或asPath，然后你有条件地添加slug或params。其余的你可以通过其他人发布的文档找到更多的信息。

赞(0）回复(0）举报 2023-03-11

dwbf0jvd2#

路径名

const router = useRouter()
console.log(router.pathname); // logs the current pathname

从上一页获取状态

A页：

const router = useRouter()
router.push({
  pathname: '/B',
  query: { result: JSON.stringify(result) }
});

第B页：

const router = useRouter()
let result = JSON.parse(router.query.result);

赞(0）回复(0）举报 2023-03-11

np8igboo3#

是的您可以在react-router-dom v6中使用useNavigate，也可以在react-router-dom〈v6中使用useHistory

赞(0）回复(0）举报 2023-03-11

我来回答

javascript 在nextjs中，“react-router-dom”中是否有{useLocation}的等效项

3条答案

导航

路径名

从上一页获取状态

相关问题

热门标签

最新问答