React Router Redux montre toujours la première route

Question

React router redux affiche toujours la première route. Peu importe l'URL que j'ai saisie, elle rendra la première route.

Fichier Index.js

Fichier App.js

export default function App() {
      return (

              ;         
              ;         

      );
    }

Answer 1

Ajoutez simplement exact={true} à Route, par défaut exact est défini sur false, jetez un coup d'œil ici.

;

Answer 2

Lorsque vous utilisez Switch, vous devez ajouter les Routes, dont les chemins sont des préfixes à d'autres Routes à la fin car Switch trouve et rend la première route qui correspond.

export default function App() {
      return (

      );
    }

Et vous n'avez pas besoin de ; à la fin des déclarations JSX

Answer 3

Cela est dû à la mauvaise configuration de la route dans votre exemple. Vous devez ajouter la propriété exact à la première route.

Exemple :

    ;         
    ;         

Si vous n'ajoutez pas exact à la route "/", alors elle sera toujours considérée comme correspondante, car chaque autre route a également le / comme partie de son chemin.

Ma suggestion est de définir toutes les routes comme exact par défaut, et de définir uniquement les routes non exactes lorsque cela est nécessaire, par exemple :

    ;         
    ;  
    ;