‫Rappelez-vous maintenant que nous avons créé un autre composant appelé formulaire loggin.
‫Mais nous voyons toujours sur la liste des articles de blog que nous recherchons réellement dans la base de données et
‫nous pouvons créer une navigation simple.Au lieu de dire bonjour en plus de nous, nous aurons un véritable en-tête avec
‫des liens vers tous nos itinéraires.
‫Créons donc un nouveau composant à l'intérieur de l'en-tête.
‫J. S. imposer réagir comme d'habitude et créer une nouvelle classe appelée Hebner qui étendra le composant re-act.
‫Il a donc un matelot de rendu et à l'intérieur du rendu Mettons là dans Julia cherche à afficher une barre
‫de navigation de Bootstrap.
‫Nous allons donc utiliser le bootstrap dans notre OP.
‫Commençons donc par ajouter un autre élément et toutes les classes sont nécessaires pour le rendre joli.
‫Nous voulons donc que ce soit assez de barre avec des couleurs claires et peut-être un fond clair.
‫Maintenant, fermons cette balise.
‫N'oubliez donc pas que lorsque vous retournez JSE, il doit toujours avoir au moins une balise à fermeture
‫automatique ou une balise d'ouverture et une balise de fermeture.
‫Maintenant pour afficher un lien.
‫Utilisez le composant de lien qui a des propriétés comme 2 et le nom de classe.
‫Donc, normalement en DML, vous utiliserez la propriété de classe, mais à l'intérieur de re-act, vous devrez utiliser le nom de classe.
‫Donc, cela fonctionne de la même manière que la classe dans le mail jazz, elle est appelée différemment et vous devez si bien utiliser
‫le nom de la classe que vous devez vous en souvenir.
‫Maintenant, insérons un composant enfant à l'intérieur et vous voyez que cela semble immédiatement très agréable.
‫Nous avons notre en-tête de bloc réacteur et nos articles de blog sont chargés.
‫Maintenant, rendons-le plus joli.
‫Eh bien, nous n'avons que notre premier lien qui renvoie à la page principale et c'est notre page où nous affichons une
‫liste de billets de blog.
‫Et nous pouvons également ajouter un autre lien.
‫Et un lien serait vers la page de connexion.
‫Ajoutons donc un autre élément de lien à.
‫Devrait être la journalisation slash juste au moment où notre itinéraire est défini et maintenant vous l'avez.
‫Ainsi, lorsque vous appuyez dessus, nous pouvons accéder au forum de connexion qui n'existe pas encore.
‫Il rend juste un texte simple.
‫Et chaque fois que vous revenez à la page d'index, vous pouvez voir que les données sont immédiatement affichées.
‫Mais ce délai est également envoyé car le composant que le montage est appelé à chaque fois.
‫Il s'agit donc d'un cycle de vie gêné par React et il s'exécute toujours lorsque le composant est à nouveau monté.
‫Quand et cela se produit lorsque vous modifiez les rôles d'utilisateur à l'intérieur du routeur re-act.