如何在 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 链接?
如何集成 Django 和 react-router-dom?
使用链接后,在嵌套路由中未定义 React-router-dom 参数