react js 路由 Router

完整的项目，我已经上传了 资料链接

起因， 目的:

路由， 这部分很难。 原因是， 多个组件，进行交互，复杂度比较高。

我看的视频教程

1. 初步使用

1. 安装:

   npm install react-router-dom

2. 修改 index.js/ 或是 main.js
   把 App, 用 BrowserRouter 包裹起来

2. Navigate

点击按钮，会退出退出登录，然后回到首页。

import { useState } from "react";
import { Navigate } from "react-router-dom";// 使用 Navigate， 跳转页面。
// Navigate 本身也是一个组件。 
function About() {const [username, setUsername] = useState("mario");// 如果用户名无效，或是用户没有登录。 那么把页面跳转到 Home!// replace={true}, 跳转后，回不去了。if(!username) {return <Navigate to