我試圖理解一些嵌套的路由。我不確定我是否設定正確
我有一個名為 Dashboard 的組件，它將保存所有內容，但如果路徑不匹配，它將顯示 404 頁面。當我嘗試點擊 /about 時，它總是將我定向到 404 頁面？
uj5u.com熱心網友回復：
路由應該在 app.js 檔案中定義。
我假設您想在點擊“/home/about”時提供“About”組件。為此，您必須嵌套 Route 定義，例如：
<Route path="/home" element={<Dashboard />}>
<Route path='/about' element={<About />}/>
<Route path='/contact' element={<Contact />} />
</Route>
當然，“關于”和“聯系人”組件需要在它們自己的檔案中，并以與匯入“儀表板”組件相同的方式匯入。
最后，需要將 Dashboard.js 中“Link”組件的“to”屬性更改為完整路徑，例如“/home/about”。
uj5u.com熱心網友回復：
這可能是您正在尋找的：
https://codesandbox.io/s/react-router-v6-forked-v6xtk
? 正如Muhammed Jaseem 所建議的——您的所有路線都應該放在一個組件中。
? 每頁創建一個 js/jsx 組件也是一種更好的做法。
uj5u.com熱心網友回復：
利用
<Route path="/home/*" element={<Dashboard />} />
和
<Link to="contact" className="link">Contact</Link>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/396973.html