无法在 React Router 链接中传递 State

Question

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

发件人页面：

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) 一直向我显示空状态：

Answer 1

我遇到了同样的问题并以这种方式解决了
只需将“to”与“state”分开

现在解决您的问题可能为时已晚，但也许对其他人有帮助

<Link className="start" 
      to={pathname: "/game"} 
      state={string: "something to pass"}>
      clickme
</Link>