React-18搭建后台管理 Vite+TS+AntdesignUI -03_react+ts+antd 后台管理系统

路由的搭建 -- 第二种写法  路由表式写法

• 回到main.js中,写法又发生了变化，需要引入路由模式包裹App组件

import * as React from 'react'
import * as ReactDOM from 'react-dom/client'
 
import 'reset-css'
 
import App from './App'
//需要引入路由模式包裹App组件
import {BrowserRouter} from 'react-router-dom'
 
//全局样式
import '@/assets/styles/App.scss'
 
 
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
  <React.StrictMode>
     <BrowserRouter>
           <App/> 
     </BrowserRouter>
  </React.StrictMode>,
)

• 在router文件夹下的index.js中的写法，按照表形式写，类似vue路由那种

组件引入
import Home from "@/view/Home"
import About from "@/view/About"
import