React-Router4.0安装:
1.安装:cnpm install - -save react-router react-router-dom
2.App.js中引入:import { Route,BrowserRouter,Switch}from "react-router-dom";
3.使用:
<BrowserRouter>
<Switch>
<Route exact path="/"component={ Home }></Route>
<Route path="/other"component={ Other }></Route>
</Switch>
</BrowserRouter>
4.路由嵌套:
<0ther path="/other">
<Switch>
<Route path="/other/java"component={ Java}>
<Switch>
</0ther>
5.参数传递
{this.props.match.params.id}
6.路由高亮
NavLink
7.重定向
<Redirect to="/app/">
编程式导航:this.props.history.push("/home")
网友评论