React路由基础、使用与执行

React路由基础、使用与执行

接下来我们将会介绍React路由的基本使用方法，以及什么是默认路由，路由是怎么实现跳转的，他们是如何进行匹配的。

1、React路由基础：

现代前端应用大都是SPA，那么什么是SPA呢？

SPA就是单页应用程序，他的优点是用户体验好、服务器压力小，但是我们要把很多内容放在一个页面上，为了有效使用单个页面管理原来多页面的功能，前端路由应运而生。

前端路由实现功能：从一个页面到另一个页面

映射规则：URL路径和组件对应功能（配置路径和组件配对）

2、路由的基本使用:

1）安装react-router-dom

2）导入路由核心组件（当然我们要按需导入）

BrowserRouter as Router(Router就是BrowserRouter的别名)
Route
Link

3）使用React组件包裹整个应用(重要)

4）使用Link组件作为导航菜单(路由入口)，会被编译成a标签

<Link to=&#