react-router - 如何在反应路由器 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

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

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

然后你可以在新路由中获取该状态this.props.location.state