完整的项目,我已经上传了 资料链接
起因, 目的:
路由, 这部分很难。 原因是, 多个组件,进行交互,复杂度比较高。
1. 初步使用
-
安装:
npm install react-router-dom
-
修改 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
标签:Navigate,js,react,useState,跳转,Router,import
From: https://blog.csdn.net/waterHBO/article/details/142108837