小编Sey*_*izi的帖子

我希望你们一切都好。最近我用react做了一个项目，并在这里制作了一个示例。问题出在路由上。我想在其父路由下显示子路由，但不幸的是我没有成功。如果有人可以解释问题或修复代码，我将非常感激。

应用程序

import "./styles.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Login from "./Login";
import Main from "./Main";

export default function App() {
  return (
    <div className="App">
      <Router>
        <Routes>
          <Route path="/" element={<Login />} />
          <Route path="/main" element={<Main />}></Route>
        </Routes>
      </Router>
    </div>
  );
}

主要的

import React from "react";
import {
  BrowserRouter as Router,
  Routes,
  Route,
  Outlet,
  Link
} from "react-router-dom";
import Child1 from "./Child1";
import Child2 from "./Child2";

export default function Main() {
  return …