在react-router中獲取特定路由的路徑

Question

在react中使用react-router聲明了一些這樣的路由：

<Route name="voteview" path="voteview/:baselineId" handler={VoteView}/>

在React組件中，我想調用此路由。 React Router給了我一個鏈接：

<Link to="voteview" params={{baselineId: this.props.data.baselineId}}>Voteview</Link>

這將產生一個<a href...>鏈接。

但是我想以編程方式使用url路徑，而不是在<a href...>鏈接中。 如何以編程方式獲取“ voteview”路由的URL路徑？

Answer 1

您可以在React Routers上下文中使用makeHref方法生成如下路徑：

this.context.router.makeHref('voteview', {baselineId: this.props.data.baselineId})

Answer 2

從ReactRouter的1.0版本開始， makeHref(routeName, params, query)現在是createHref(pathname, query)

請參閱《 v1.0.0 升級指南》