react-router - 如何在React Router v4中传递 Prop ?

标签 react-router react-router-v4

我需要在Linkreact router v4组件中传递一些数据,但是我找不到解决方法。

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

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

最佳答案

您可以将对象作为to属性传递,并指定state。参见docs

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

然后,您可以从this.props.location.state的新 route 获取该状态

关于react-router - 如何在React Router v4中传递 Prop ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42893669/

相关文章:

javascript - React-router (0.13) + Flux - 如何将 flux 类实例放入 willTransitionTo Hook 中?

javascript - 使用BrowserRouter,如何清除注销历史记录

reactjs - react 路由器身份验证重定向

javascript - 路由器不导航到下一页,但 url 发生变化

javascript - React Router 4 和 props.history.push

javascript - react 路由器 child 不传播

javascript - 在组件中处理通过 react-router 传递的参数

javascript - 如何使用 ReactJS 运行一个包含一个部分的登陆页面?

reactjs - 带有 TypeScript 的 React-router-dom

reactjs - React-router-dom v4 嵌套路由不起作用