如何在react-router-dom Link中传递参数？

Question

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

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

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

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

我对墨水的理解可以onClick，但是可能会以某种方式传递它吗？没有创建onClick？

Answer 1

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

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

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