如何使用react router version4在reactjs中传递url中的params

时间:2018-01-16 08:31:31

标签: reactjs react-router react-router-v4 routeparams

在react-router版本4中,如何在url中传递params,在旧版本中我正在使用this.props.params。但它在这个版本中被删除所以请帮助我。 我这样发送params

<Link to={"/dashboard/viewProfile/"+id+"/"+type}>View Profile</Link>

并在路由

<Route path="/dashboard/viewProfile/:id/:type" render={() => <ViewProfile />} />

所以现在在视图配置文件组件中如何获取这些参数。

2 个答案:

答案 0 :(得分:0)

您必须定义路由器元素:

 <Router>
      <div>
        <Route path="/topics/:name" component={Topic} />
      </div>
    </Router>

使用param in path,你可以从Topic Componenent中获取参数:

export default function Topic(props) {
  return <h1>{props.match.params.name}</h1>
}

答案 1 :(得分:0)

您可以使用javac test.java java -Xmx8m test props.match.params.id来访问参数。

请参阅此示例 - https://jaketrent.com/post/access-route-params-react-router-v4/