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

【问题标题】：React Router v6 - Create Invalid Path RedirectReact Router v6 - 创建无效的路径重定向
【发布时间】：2022-01-07 03:38:38
【问题描述】：

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

类似这样的：

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

【问题讨论】：

标签： reactjs react-router-dom

【解决方案1】：

将重定向呈现为路由组件，在本例中为 Navigate 组件，并指定了 replace 属性。

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

【讨论】：