Liaison du chemin avec les composants


Enfin, pour terminer, nous allons mettre les différents composants dans la balise <Route> en indiquant le chemin, par exemple pour home, le chemin sera /, et le composant : celui-ci sera Home

<Route path="/chemin" component={Composant}/>

Et ainsi on fait de même pour les 3 autres composants.

<Route exact path="/" component={Home} />
<Route path="/portfolio" component={Portfolio} />
<Route path="/work" component={Work} />
<Route path="/contact" component={Contact} />
Information

Vous pouvez remarquer dans le code la présence de l'attribut exact, il permet de bien différencier les chemins si plusieurs sont similaires, sinon la navigation ne fonctionnera pas.

Rajoutez le dans votre code à la ligne du composant Home avec la balise Route.