¿Cómo puedo hacer que la ruta principal represente una salida predeterminada en las rutas anidadas del enrutador de reacción v6? Como puede ver en el ejemplo, quiero que la ruta "/dashboard" me lleve a "/dashboard/home" de forma predeterminada.
Por ahora, solo muestra una pantalla en blanco en el Outlet .
<Route path={"dashboard"} element={<Dashboard />}> <Route path={"home"} element={<Home />} /> <Route path={"users"} element={<Users />} /> </Route>Puede representar una ruta de índice para representar algún contenido cuando la ruta es igual a la de la ruta principal.
Ejemplo:
<Route path="dashboard" element={<Dashboard />}> // "/dashboard/*" <Route index element={/* some content */} /> // "/dashboard" <Route path="home" element={<Home />} /> // "/dashboard/home" <Route path="users" element={<Users />} /> // "/dashboard/users" </Route>Si desea que una ruta anidada específica sea "predeterminada", vuelva a representarla como la ruta de índice o rediríjala.
Ejemplos:
<Route path="dashboard" element={<Dashboard />}> <Route index element={<Home />} /> <Route path="home" element={<Home />} /> <Route path="users" element={<Users />} /> </Route>o
<Route path="dashboard" element={<Dashboard />}> <Route index element={<Navigate to="home" replace />} /> <Route path="home" element={<Home />} /> <Route path="users" element={<Users />} /> </Route>