Rumah  >  Soal Jawab  >  teks badan

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

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

P粉838563523P粉838563523423 hari yang lalu445

membalas semua(2)saya akan balas

  • P粉242741921

    P粉2427419212023-09-13 13:55:56

    Saya rasa ini adalah halaman utama/indeks anda.

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

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

    balas
    0
  • P粉574695215

    P粉5746952152023-09-13 09:28:10

    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;

    balas
    0
  • Batalbalas