如何在 react-router-dom 链接中传递参数？ [复制]

Posted 2023-02-21

【中文标题】如何在 react-router-dom 链接中传递参数？ [复制]

【英文标题】：How to pass parameters in react-router-dom Link? [duplicate]

【发布时间】：2018-09-12 11:53:39

【问题描述】：

我有指向组件页面的链接，例如：

<Link to="/"> Home <Link/> 

在道具中我有一个参数，例如 userId。我需要在链接中传递它。我知道如何在onCLick() 中传递参数：

this.props.router.push(
  pathname: '/',
  state: 
    userId: 7
  
)

我在墨水中的理解可以执行onClick，但可能有可能以某种方式传递参数吗？不创建onClick？

【参考方案1】：

是的，您可以像这样将对象传递给“to”道具。

 <Link to=
  pathname: '/courses',
  search: '?sort=name',
  hash: '#the-hash',
  state:  fromDashboard: true 
 />

查看文档了解更多信息。 https://reacttraining.com/react-router/web/api/Link。

【讨论】：

这行得通！谢谢