0
votes

Réagir le paramètre de routeur sous la sous-pathologie

J'ai une application réagissante que je joue avec et utilise avec une API Star Wars I construite localement.

Les deux premiers itinéraires fonctionnent bien, mais je ne comprends pas pourquoi le troisième ne fonctionne pas.

Mon hypothèse est que cela va à la troisième route Le second composant pense que le travail "Edit" est le paramètre.

question est, comment puis-je faire fonctionner le troisième parcours de route aimerait ou dois-je prendre une autre approche.

J'espérais que la page Edit Episode soit dans le même groupe que les composants que j'utilise dans le chemin "Starwars". xxx

reactjs react-router jsx

1 commentaires

Essayez d'ajouter un attribut exact en 2e route:

3 Réponses :

1
votes

pouvez-vous s'il vous plaît modifier l'ordre de l'itinéraire code> et définir EXACT code> par mot-clé au / starwars / édition /: id code> chemin.

<Route path="/starwars" exact component={Movies} />
<Route exact path="/starwars/edit/:id" component={EditEpisode} />
<Route path="/starwars/:id" component={Episode} />

0 commentaires

0
votes

Pouvez-vous vérifier le PublicPath code> dans la propriété code> de sortie code> de votre fichier webpack.config. Cela devrait indiquer la racine de votre application.

Je suis allé là-bas et cela a fonctionné pour moi. P>

output: {
    path: path.resolve('dist'),
    publicPath: '/'
}

0 commentaires

1
votes

Essayez d'ajouter un attribut exact au deuxième itinéraire. Il devrait résoudre le problème.

<Route path="/starwars" exact component={Movies} />
<Route path="/starwars/:id" exact component={Episode} />
<Route path="/starwars/edit/:id" component={EditEpisode} />

1 commentaires

Cela a bien fonctionné pour moi. Merci d'avoir posté une solution.