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

Question

这个问题在这里已经有了答案:





Pass props in Link react-router

(13 个回答)



How to pass params with history.push/Link/Redirect in react-router v4?

(13 个回答)


3年前关闭。




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

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

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

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

我对墨水的理解是可以执行的 onClick ，但可能有可能以某种方式传递参数吗？无需创建 onClick ?

Answer 1

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

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

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