react路由

---

前言

今天我们一起看一看react中路由相关内容

---

一、react路由介绍

1. 前端应用发展

浏览器每向服务器发起一次请求，服务器生成一个html页面，返回给浏览器

现 在 SPA（单页应用程序），也就是只有一个 HTML 页面（首页）的应用程序。其余页面（组件）都是在第一次
请求完成之后由 JavaScript 动态生成的。

一个 SPA 应用程序由多个组件（功能）组成，而多个组件不会同时出现在页面中。这就会产生一个问题：“某个
组件什么时候该出现什么时候该消失？”

2. 前端路由的功能

让用户从一个页面（组件）导航到另一个页面（组件）

前端路由是一套映射规则，在React中，是 URL路径 与 组件 的对应关系

使用React路由简单来说，就是配置 路径和组件（配对）

二、路由的基本使用

1. 使用步骤

• 安装：npm i react-router-dom
• 导入：路由的三个核心组件Router / Route / Link

import {
    BrowserRouter as Router, Route, Link } from 'react-router-dom'

• 使用： Router 组件包裹整个应用（重要）