ionic-team / ionic-team/ionic-docs

React routing docs provide conflicting information on nested navigation

Abierto
#1,604 0 comentarios 0 reacciones 0 asignados Ver en GitHub
triage
Lenguaje dominante
MDX
Estrellas
621
Forks
3.2k
Merge medio
1 d 2 h
PR fusionados (30 d)
86

Descripción

**URL**
https://ionicframework.com/docs/react/navigation

The React Navigation document contains a small bit of conflicting information (which caused me some confusion).

The docs first showcase an example of nested routing using `IonRouterOutlet`:
```jsx








```
with the `DashboardPage` component further down:
```jsx
const DashboardPage: React.FC = () => {
return (




);
};
```

So upon navigating to the `/dashboard` routes, we'd expect the `DashboardPage` component to work and allow for nested navigation.

However, this does **not** work properly. Indeed, the docs also say [below](https://ionicframework.com/docs/react/navigation#ionrouteroutlet):

> An `IonRouterOutlet` should also not be a descendant from another `IonRouterOutlet`.

In direct contradiction with what was showcased a few paragraphs above.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza en la página de navegación de React y compara los ejemplos de enrutamiento anidado con la guía de IonRouterOutlet que aparece a continuación. Aclara o revisa la documentación contradictoria para que el enfoque compatible para la navegación anidada no dé lugar a ambigüedades y, después, verifica que la página renderizada explique el mismo comportamiento de forma coherente.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react
Área
documentation
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.