這是我的代碼
<Routes>
<Route path='/' element={<User/>} />
<Route path='/:userId/places' exact element={<UserPlaces/>} />
<Route path='/places/new' element={<NewPage/>}/>
<Route path='/places/:placeId' element={<UpdatePlace/>}></Route>
</Routes>
如果輸入了這些 URL 以外的任何內容，我想重定向到主頁，但不支持使用最新版本中的重定向方法。
uj5u.com熱心網友回復：
Route在您的末尾添加所有匹配項Routes：
<Routes>
...
...
<Route path='*' element={<Home/>}></Route>
</Routes>
uj5u.com熱心網友回復：
您可以使用React Router. 如果沒有找到頁面，那么您可以*在 Path 中使用并且element您可以使用您喜歡的組件 Like<Homepage />或<NotfoundPage />
<Routes>
<Route path='/' element={<User/>} />
<Route path='/:userId/places' exact element={<UserPlaces/>} />
<Route path='/places/new' element={<NewPage/>}/>
<Route path='/places/:placeId' element={<UpdatePlace/>}></Route>
<Route path='*' element={<Homepage/>} />
</Routes>
uj5u.com熱心網友回復：
該Navigate組件有效地替換了舊Redirect組件。渲染一個“通配符”路由，該路由將重定向到您的主頁路由。
例子：
<Route path="*" element={<Navigate to="/" replace />} />
相當于 RRDv5 的<Redirect from="*" to="/" />
代碼：
import { Routes, Route, Navigate } from 'react-router-dom';
...
<Routes>
<Route path='/' element={<User />} />
<Route path='/:userId/places' element={<UserPlaces />} />
<Route path='/places/new' element={<NewPage />} />
<Route path='/places/:placeId' element={<UpdatePlace />} />
<Route path="*" element={<Navigate to="/" replace />} />
</Routes>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/508413.html