获取用户在Next.JS中点击的路径名

Question

我在<Nav/>组件中有一个按钮，该按钮在两个组件之间共享。当按钮被点击时，它打开一个<FileUpload/>组件。

<FileUpload/>可以从

<Profile /> => routes to '/profile'
<Home /> => routes to '/home'

<FileUpload/>内部是否有办法检查用户刚刚从哪条路由来的?

在<FileUpload/>组件中我可以看到:

`user has just come from ${route} route` => either /profile or /home

Answer 1

withuseRouterhook:

const router = useRouter()
console.log(router)

它给你很多信息检查你的答案是否在里面;

Answer 2

在你的FileUpload组件中从next/router导入useRouter钩子，然后在你的组件中使用它来获取路径名，如下所示:

import { useRouter } from 'next/router'
const FileUpload = ()=> {
const router = useRouter()
const {pathname} = router;

console.log("user come from: " + pathname)
return (...);
}