react项目实战学习笔记-学习8-路由配置

// App>List+Edit+means  Login Register

import App from "../App";
import List from "../pages/List";
import Edit from "../pages/Edit";
import Means from "../pages/Means";
import Login from "../pages/Login";
import Register from "../pages/Register";

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

const BaseRouter = () => {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<App />}>
          <Route path="/list" element={<List />}></Route>
          <Route path="/edit" element={<Edit />}></Route>
          <Route path="/means" element={<Means />}></Route>{" "}
        </Route>
        <Route path="/login" element={<Login />}></Route>
        <Route path="/Register" element={<Register />}></Route>
      </Routes>
    </Router>
  );
};

export default BaseRouter;