一、路由介绍;
1、基本概念;
-
路由介绍:单页面应用(SPA),路由跳转切换显示视图;
-
路由安装:npm install react-router-dom --save;
-
支持的版本5主要是针对 React Hook 做更好的支持;
二、BrowserRouter 与 HashRouter;
1、BrowserRouter ;
import { BrowserRouter as Router, Route } from "react-router-dom"
-
BrowserRouter是 h5 的新特性,使用 history.push 原理;
-
如果上线之后,需要后台做一些处理:重定向处理 404 页面;
2、HashRouter
import { HashRouter as Router, Route, Switch,Redirect } from "react-router-dom";
-
跳转链接类如: