ionic-team / ionic-team/ionic-docs
React routing docs provide conflicting information on nested navigation
- 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
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