React Router Dom v6 - 重定向到另一个路由

Question

我正在使用以下路由器配置：

<Routes>
  <Route path="/" element={<Home />} />
  <Route path="/information" element={<Information />} />
  <Route path="*">
    <Navigate to="/" replace={true} />
  </Route>
</Routes>

每次当我输入路由器无法识别的路线时，我想导航到主路由和主组件。从 v6 开始，没有重定向组件，所以我尝试使用导航。

为什么我的配置不起作用？

Answer 1

复制 的新语法/模式Redirect是将 渲染Navigate为路由element，并指定replaceprop。

RRDv5：<Redirect from="*" to="/" />

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