如何在 React Router 5.2.0 中将 props/params/state 传递给带有链接的路由？

Question

我已经尝试了 React Router 文档、Stackoverflow 答案和网络上的帖子中的很多示例，但都无法正常工作。

这是我现在所拥有的：

<Link to={{
   pathname: "/project",
   state: { id: "id0" }
}}>Passing Props</Link>

和

<Route path="/project" component={Project}  />

状态在这里未定义：

function Project(params) {
  console.log("passprops");
  console.log(params);
// state is undefined in params

我也试过用 "/project/:id" 和 render={(props) => } 传递，但它也不起作用。

如何在 React Router 5.2.0 中将 props/params/state 传递给带有链接的路由？

Answer 1

从我的项目

<Link to="/project/id1">Project</Link>



<Route path="/project/:id" component={Project}/>



function Project() {
  let { id } = useParams();
}