无法在 React Router 链接中传递状态答案

【问题标题】：Unable to pass State in React Router link无法在 React Router 链接中传递状态
【发布时间】：2021-12-19 10:45:30
【问题描述】：

我的目标很简单，我想通过使用链接状态将参数从一个页面传递到另一个页面：

发件人页面：

import {Link} from "react-router-dom";
...
<Link className="start" to={{pathname: "/game", state: {string: "something to pass"}}}>
       clickme
</Link>
...

收件人页面：

import {Link, useLocation} from "react-router-dom";
.....
let location = useLocation();
....

但是 console.log(location) 一直显示一个空状态：

【问题讨论】：

标签： reactjs react-hooks react-router

【解决方案1】：

我提到了使用 useLocation 获取状态的新旧方法。当你点击用户链接时，你会得到你的字符串并且状态不会为空。

https://codesandbox.io/s/react-router-uselocation-hooks-forked-0ld0m?file=/package.json:209-237

【讨论】：