因?yàn)橹按罱ǖ?react 版本比較新 其中
"react-router":"^6.2.2",
"react-router-dom":"^6.2.2",
"webpack":"^5.70.0",
"webpack-cli":"^4.9.2",
"webpack-dev-server":"^4.7.4"
react-router 都是6+版本的 。
在項(xiàng)目過(guò)程中免不了 路由跳轉(zhuǎn)更米，各種百度后發(fā)現(xiàn) 6+版本的 react 做了比較大的改動(dòng)（以前的 什么 hisyory 方式 似乎已經(jīng)被替代）欺栗。
其中路由部分的改動(dòng) 請(qǐng)參考??6V版本變化
注意：
如果想要使用useNavigate() 進(jìn)行路由跳轉(zhuǎn)頁(yè)面
import { useNavigate }from "react-router-dom";? ?在? export default function Login() {? ?} 內(nèi)部使用（hook寫(xiě)法只能在函數(shù)里）。
如圖
這里 我干脆就將 登錄的頁(yè)面 作為一個(gè)組件 引入 了其他頁(yè)面? 如圖
這樣的話如果? 如果有其他需求 需要傳參什么的 就 相對(duì)比較容易了（如果想練習(xí)一下組件傳參? 就可以將 login 頁(yè)面拆分一下 ，即可 ）迟几。
