react-router基本用法

完整代码:

 <代码> var=需要反应(反应)
　　var ReactDom=要求(“react-dom”)
　　var ReactRouter=要求(“react-router-dom”)
　　var路由器=ReactRouter.BrowserRouter
　　var=ReactRouter.Route路线
　　var=ReactRouter.Link链接
　　var browserHistory=ReactRouter.browserHistory
　　var CreateClass=要求(“create-react-class”)
　　var proptype=要求(“prop-types”)
　　var指数=CreateClass ({
　　呈现:函数(){
　　回报(
　　& lt;路由器历史={browserHistory}比;
　　& lt; div>
　　& lt; ul>
　　& lt; li> & lt;链接="/"祝辞Home
　　& lt; li> & lt;链接="/白４茿bout
　　& lt; li> & lt;链接="/docs”祝辞Docs
　　& lt;/ul>
　　& lt;人力资源/比;
　　& lt;路线具体路径="/"组件={回家}/比;
　　& lt;路由路径="/白榧?{}/比;
　　& lt;路由路径="/docs”组件={docs}/比;
　　& lt;路由路径="/step1”组件={step1}/比;
　　& lt;/div>
　　& lt;/Router>
　　)
　　}
　　}）
　　var=CreateClass回家({
　　呈现:函数(){
　　回报(
　　& lt; div>
　　& lt; h3> Home
　　& lt;/div>
　　)
　　}
　　}）
　　var=CreateClass ({
　　呈现:函数(){
　　回报(
　　& lt; div>
　　& lt; h3> About
　　& lt;/div>
　　)
　　}
　　}）
　　var Docs=CreateClass ({
　　呈现:函数(){
　　回报(
　　& lt; div>
　　& lt; ul>
　　& lt; li> & lt;链接="/step1 "祝辞Step1
　　& lt;/ul>
　　
　　& lt;人力资源/比;
　　
　　& lt;路线具体路径="/step1”组件={step1}/比;
　　& lt;/div>
　　)
　　}
　　}）
　　var Step1=CreateClass ({
　　onClick:函数(){
　　var=this.props.history历史
　　history.push (“/?
　　},
　　呈现:函数(){
　　回报(
　　& lt; div>
　　& lt;跨度alt=" react-router基本用法”> 
 b。父页面:
  
　　<李>手动控制跳转:
。引入组件:
　　
 <代码> var ReactRouter=要求(“react-router-dom”)
　　var withRouter=ReactRouter.withRouter  
　　
  
 
　　<李>使用哈希路由(使代码打包后可以在本地运行):
。引入模块:
　　
 <代码> var路由器=ReactRouter.HashRouter  
　　
 
　　& lt;/LocaleProvider>
　　& lt;/Router>  

 <代码> var开关=ReactRouter.Switch 
react-router基本用法