如何在react路由器v4中使用props.params设置修补程序
如何在react路由器v4中使用props.params设置修补程序
提问于 2017-07-20 16:41:59
在以前的版本中，react路由v4。我可以写
<Route path='OrdersView(&filters:filters)'或
<Route path='OrderViewForm/classPartition=:classPartition&id=:id'如下所示使用后：
this.props.location.query.filter
this.props.params.classPartition如何在react版路由器v4中执行此操作？
回答 1
Stack Overflow用户
发布于 2017-07-20 16:49:37
使用带参数的路由的简单示例
import React from 'react'
import { BrowserRouter as Router, Route } from 'react-router-dom'
import Topic from '../topic'
export default function App() {
return (
<Router>
<div>
<Route path="/topics/:name" component={Topic} />
</div>
</Router>
);
}并像这样使用它
import React from 'react'
export default function Topic(props) {
return <h1>{props.match.params.name}</h1>
}来源：https://jaketrent.com/post/access-route-params-react-router-v4/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45209667
复制相关文章
相似问题
腾讯云开发者
