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

IT技术 reactjs react-router
2021-05-13 19:04:11

我有组件页面的链接,例如:

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

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

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

我如何理解 inink 可以执行onClick,但是否可以以某种方式传递参数?没有创造onClick

1个回答

是的,您可以像这样将对象传递给“to”props。

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

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