La Route Par Défaut À Réagir Routeur 4

fI actuellement les itinéraires suivants définis dans mon application:

/
/selectSteps
/steps
/steps/alpha
/steps/beta
/steps/charlie

Qui pourrait également être visualisé comme ceci:

- (home)
    - selectSteps
    - steps
       - alpha
       - beta
       - charlie

Mon composant racine ressemble à ceci:

  <Route path="/" exact component={Home} />
    <Route path="/select-steps" render={() => <StepSelectorContainer />} />
    <Route path="/steps" component={StepsContainer} />

Mon Étapes composant ce:

steps.map(step => (
  <Route
    path={fullPathForStep(step.uid)}
    key={shortid.generate()}
    render={() => <StepContainer step={step} />}
  />

Tout cela fonctionne très bien, mais je ne veux pas steps d'exister en tant qu'itinéraire dans son propre droit. Seul son enfant itinéraires doivent être visitables. Je suis donc à la recherche de perdre la /steps route de quitter mes itinéraires:

/
/selectSteps
/steps/alpha
/steps/beta
/steps/charlie

Comment dois-je configurer mon parcours? Idéalement, frapper /steps serait rediriger pour le premier enfant itinéraire.

OriginalL'auteur Undistraction | 2017-03-20