React Router Typescript sedang "menyertai" beberapa halaman html dan css mereka benar-benar memecahkan aplikasi saya

Question

rreeee

Matlamat saya hanya untuk menavigasi antara halaman tetapi kini tiada apa yang berjaya Saya dengan tenang pergi untuk melakukan navigasi saya dan saya menghadapi masalah di mana reaksi mula meminta "index.js" dan dari awal saya melakukannya dalam templat skrip taip jadi kerana saya tidak menemui penyelesaian, saya memulakan satu aplikasi baharu dan menyerahkan komponen saya kepada apl baharu dan menulis semula penghala dan sejak itu ia menjadi seperti ini

Answer 1

Saya rasa ini adalah halaman utama/indeks anda.

<Route path="/*" element={<Mainpage/>}></Route>

Sebagai pelajar, saya mungkin salah, tetapi menambah komponen /* 会使它成为通配符路线。这意味着您在 / 之后放置的任何内容都将转到 .

Answer 2

Cuba ini:

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

import PacientsPage from "../components/mainPage/pacientesPage/pacietspage";
import Mainpage from "../components/mainPage/mainpage";
import BedsPage from "../components/mainPage/bedsPage/bedspage";
import DoctorsPage from "../components/mainPage/doctorsPage/doctorsPage";
import InternationPage from "../components/mainPage/internationsPage/internationpage";
import LoginPage from "../components/loginPage/loginpage";
const MyRoutes = () => {
   return(
    <BrowserRouter>
    <Routes>
       <Route path="/*" element={<Mainpage/>}></Route>
       <Route path="/login" element={<LoginPage/>}></Route>
       <Route path="/patients" element={<PacientsPage/>}></Route>
       <Route path="/beds" element={<BedsPage/>}></Route>
       <Route path="/doctors" element={<DoctorsPage/>}></Route>
       <Route path="/internations" element={<InternationPage/>}></Route>
       </Routes>
    </BrowserRouter>
       
   )
}

export default MyRoutes;