reactjs - 是否可以将 props 从 React Link 传递到功能组件？

Question

我有一个注册/登录页面，我想将用户重定向到他们尝试注册/登录之前在网站上访问的最后一个页面(如果来自其他域，则重定向到他们的个人资料)。我的代码基本上是这样的:

指向该页面的链接

<Link to="/signup">Sign up</Link>

页面本身

export default function SignupPage(input){
       //code for signing in/up
}

我的问题是我不确定如何将以前的路径名传递给 SignupPage。链接似乎传递了自己预先确定的数据，我已经考虑过使用 goBack 函数，但如果用户来自不同的域，我将无法重定向到配置文件。有什么方法可以在不将 SignupPage 更改为类的情况下进行操作吗？我想可能有一种带钩子(Hook)的方法，但我不确定。

Answer 1

链接按钮

<Link to="cityPage" state={{ city: "Paris" }}>
    Go City Page
</Link>

功能组件

import { useLocation } from 'react-router-dom'

function CityPage () {
  const location = useLocation()
  const { city } = location.state

  return (
    <div>
         City is {city} 
    </div>
  )

输出:城市是巴黎