3/路由试图的格式:
<Router>
//这里只能放置1个根元素
<div>
//试图里,如果需要内容的相对应的跳转,那么需要使用<link>
<Link to=‘/page1‘>进入page1页面</Link>
//决定什么路径显示什么组件
<Route path=‘/page1‘ component={App} >
</div>
</Router>
4/动态路由:1个组件要根据,路由变量从而显示不同的内容,路由变量通过props进行传值
<Route path=‘/page2/
:变量名称‘ component={Page2} >
function Page2(props){
?
?//通过props里的match属性获取相对应的变量
?
?props.match.params.变量名称
?
?
?return 相对应的试图
}
5/JS执行页面跳转
this.props.history.go(),前进/后退页面
this.props.history.goback(),返回页面
this.props.history.goforward,前进页面
6//路径直接跳转
this.props.history.push(‘路径名称‘),跳转到相对应的路径