我如何在 React Router v4 中传递道具？

Question

我需要在 react router v4 的 Link 组件中传递一些数据，但我找不到实现它的方法。

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

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

react router v4 中有某种 <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

的新路由中获取那个状态