如何通过参数在react-router-dom链接？[重复]

Question

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

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

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

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

我如何理解墨水可以执行on点击，但可能有可能以某种方式传递参数？不创建on点击？

Answer 1

是的，你可以像这样把一个对象传递给“to”道具。

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

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