web-dev-qa-db-fra.com

Quelle est la différence entre les types de routeur React Router v4?

J'ai essayé d'apprendre quelques notions de base React sur YouTube et des documents officiels et j'ai rencontré plusieurs routeurs différents dans seulement deux vidéos. Malheureusement, l'instructeur n'a rien expliqué du tout et je suis même plus confus qu'avant.

dr: Je ne comprends vraiment pas la différence entre un routeur de navigateur, un routeur "normal" et un routeur d'index. Merci à tous de m'avoir aidé.

18
thelearner

Navigateur Routeur doc

Un Router qui utilise l'API d'historique HTML5 (pushState, replaceState et l'événement popstate) pour synchroniser votre interface utilisateur avec l'URL.

Route doc

Sa responsabilité la plus fondamentale est de rendre une certaine interface utilisateur lorsqu'un emplacement correspond au chemin de l'itinéraire.

Qu'est-ce que ça signifie

BrowserRouter est un composant React qui surveille l'URL et transmet plus ou moins le chemin actuel à ses enfants, tandis qu'un composant Route rendra un autre composant en fonction des informations URL qui lui sont transmises par son parent BrowserRouter. IndexRoute est utilisé pour définir une vue par défaut lors du rendu d'un composant Route spécifique. Pour plus d'informations sur ici .

Rappelles toi, react-router n'est qu'un ensemble de composants Vanilla react intelligemment mis en œuvre qui peuvent être utilisés pour simuler un gestionnaire de route côté serveur, ce qui à son tour fait qu'une application de page unique semble être plusieurs pages.

J'espère que cela t'aides!

23
canaan seaton