React Router v6-创建无效路径重定向

Question

我想这样做，如果用户在URL中输入无效路径，它会自动将他们重定向到主页。

类似这样的东西：

<BrowserRouter>
<Routes>
<Route exact path="/" element={<Home />}/>
<Route exact path="/page" element={<page />}/>
<Route path="*" /*Go to path - "/" */ />
</Routes>
</BrowserRouter>

Answer 1

将重定向渲染为路由组件，在本例中为指定了replace道具的Navigate组件。

<Route path="*" element={<Navigate to="/" replace />} />