在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 />} />
所以现在在视图配置文件组件中如何获取这些参数。
答案 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/