所以我只是從react-router-domv5遷移到 v6。
據我了解,exact不再存在,因為它被省略了。但在我的情況下它不起作用。
如果找不到路由,它應該重定向到not-found頁面,但無法弄清楚為什么它不起作用。它只是給我列印了一張白頁......
所以,這是我的 BrowerRouter :
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/about" element={<AboutUs />} />
<Route path="/contact" element={<Contact />} />
<Route path="/publish-article" element={<WriteArticle />} />
<Route path="/search-article" element={<Search />} />
<Route path="/article/:id" element={<Article />} />
<Route path="/quizz" element={<Quizz />} />
<Route path="/login" element={<Login />} />
<Route path="/register" element={<Register />} />
<Route path="/profile/:username" element={<UserProfile />} />
<Route path="/profile-settings" element={<ProfileSettings />} />
<Route path="/not-found" element={<NotFound />} />
<Route element={<NotFound />} />
</Routes>
</BrowserRouter>
有人知道我錯過了什么嗎?
uj5u.com熱心網友回復:
您仍然需要為未找到的 Route 設定路徑,并將其作為通配符使用。
<Route path="*" element={<NotFound />} />
但是,如果您確實希望將 url 重定向到,not-found那么只需將Navigate組件放在那里
import { Navigate } from 'react-router-dom'
<Route path="*" element={<Navigate to="not-found"/>} />
uj5u.com熱心網友回復:
它可能不起作用,因為您缺少 Switch
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/397219.html
