我需要知道如何避免在啟動應用程式時加載所有組件。下面是我的 app.js 檔案。在那里我使用了反應路由器。但它會在啟動應用程式時加載所有組件。但要求是只有特定組件必須在該特定路線中加載。幫我解決這個問題。
import "./App.css";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./Pages/Home";
import TollList from "./Pages/TollList";
function App() {
return (
<>
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />}></Route>
<Route path="/tolllist" element={<TollList />}></Route>
</Routes>
</BrowserRouter>
</>
);
}
export default App;
我為此嘗試了反應路由器
uj5u.com熱心網友回復：
React 創建一個單頁應用程式。看看這個React Router V6 的例子。地址欄中顯示的 URL 始終反映他們正在查看的內容。當您單擊“關于”鏈接時，您可以看到 URL 更改為www.websitename.com/About。空的“/”路由是您想要的默認路由。如果您單擊 /tolllist 路由，則 Home 組件將不再顯示，而是顯示收費串列。
React 路由器檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/521537.html
標籤：反应反应路由器