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

Posted

技术标签:

【中文标题】如何在 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。

【讨论】:

这行得通!谢谢

以上是关于如何在 react-router-dom 链接中传递参数? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何使 Material UI 反应按钮充当 react-router-dom 链接?

React-router-dom:链接编译失败

如何集成 Django 和 react-router-dom?

使用链接后,在嵌套路由中未定义 React-router-dom 参数

react-router-dom - 链接和history.push之间的区别?

react-router-dom 链接点击关闭引导模式窗口