React 18 Project - hotel-manager

pnpm create vite@latest hotel-manager --template react

Install lib

pnpm i react-router-dom axios antd sass

“antd”: “^5.24.6”

https://ant.design/docs/react/getting-started

Enter template code rfc.
Create src/views/Layout/Layout.js, src/views/Login/Login.js

在App.jsx导入组件

import Login from './views/Login/Login'
import Layout from './views/Layout/Layout'

设置路由

import Login from './views/Login/Login'
import Layout from './views/Layout/Layout'

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

function App() {

  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Login />} />
        <Route path="/layout" element={<Layout />} />
      </Routes>
    </BrowserRouter>
  )
}