react-router 参数获取
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-router 参数获取相关的知识，希望对你有一定的参考价值。
No BB！！！ show me the code。
Main.js
import { BrowserRouter, Route, Link ,Switch} from ‘react-router-dom‘
class AppComponent extends React.Component {
<div className="index">
<BrowserRouter>
<div>
<ul>
<li><Link to="/">List</Link></li>
<li><Link to="/first">first</Link></li>
<li><Link to="/second/3333">second</Link></li>
</ul>
<Route exact path="/" component={List}/>
<Route path="/first" component={First} />
<Route path="/second/:id" component={Second} />
</div>
</BrowserRouter>
</div>
}
second/index.js
class Second extends React.Component{
constructor(props){
super(props)
}
render() {
let match=this.props.match.params
return(
<h1>我是second页面，路由id 是 {mathc.id}</h1>
)
}
}
当通过路由点击跳转到second页面的时候会 显示3333.
以上是关于react-router 参数获取的主要内容，如果未能解决你的问题，请参考以下文章
[react-router] React-Router怎么获取URL的参数？