如何在反应路由器v4中传递道具？

Question

我需要在Link组件中传递一些数据react router v4,但我找不到办法.

基本上,我有一些动态生成的链接.我已Link通过以下方式将这些链接与组件相关联.单击其中一个链接后,用户将路由到新组件.我想将一些数据传递给这些新组件,以便我可以在那里显示它们.

<Link to="dynamic link here">some text</Link>

是否有某种<Link to="path" data="data here">some text</Link>方法react router v4？我似乎无法在文档页面中找到它.

Answer 1

您可以将对象作为toprop 传递并指定state.查看文档.

<Link to={{
  pathname: '/courses',
  state: { fromDashboard: true }
}}> Courses </Link>

然后你可以从新的路线中获取该状态 this.props.location.state