Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

React routing docs provide conflicting information on nested navigation

Aperta
  • Qualcosa non va?
#1,604 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
45/100
Tipo di issue
Documentazione
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react
Ambito
documentation

Direzione di ricerca

Inizia dalla pagina di navigazione di React e confronta gli esempi di routing annidato con le indicazioni su IonRouterOutlet riportate di seguito. Chiarisci o rivedi la documentazione in conflitto, in modo che l'approccio supportato per la navigazione annidata sia inequivocabile, quindi verifica che la pagina renderizzata descriva lo stesso comportamento in modo coerente.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

triage

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:

    <IonApp>
      <IonReactRouter>
        <IonRouterOutlet>
          <Route path="/dashboard" component={DashboardPage} />
          <Redirect exact from="/" to="/dashboard" />
        </IonRouterOutlet>
      </IonReactRouter>
    </IonApp>

with the DashboardPage component further down:

const DashboardPage: React.FC = () => {
  return (
    <IonRouterOutlet>
      <Route exact path="/dashboard" component={UsersListPage} />
      <Route path="/dashboard/users/:id" component={UserDetailPage} />
    </IonRouterOutlet>
  );
};

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:

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

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

Lingua principale
MDX
Stelle
621
Fork
3.2k
Merge medio
1g 6h
PR unite (30g)
65

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ionic-team/ionic-docs

Tutte le issue di ionic-team/ionic-docs

Issue simili

Altre issue su Documentation

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.