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

Question

我需要在Link的{​​{1}}组件中传递一些数据，但我找不到办法。

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

Link

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

Answer 1

您可以将对象作为to道具传递，并指定state。请参阅docs。

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

然后你可以从this.props.location.state

获取新路线中的状态