Commencer avec le routeur React

1. Application de démarrage: Donc maintenant, nous allons voir comment implémenter le routage comme une sorcière navigue entre les pages avec réaction. Donc ce ne sera pas une seule application sur la plage. Disposera de plusieurs composants, composants, vues multiples gérées par les composants. Donc, nous allons faire est de basculer entre les composants. Et chaque fois que nous avons une confiance correspondant à un euro correspondant à un chemin que nous définissons, il va afficher la représentation visuelle d'un composant. Voyons comment on a mis en place ça. Donc je fournit comme ressources que je fournit, hum, mais Miriam de ça. Ok, donc je suis en train de défiler avec nos modèles, donc en tant que code standard pour que vous n'ayez pas besoin de taper à partir de zéro. Donc, ce que nous aurons dans notre application de page fondue est une page pour l'affichage de la maison Teoh . Juste une page d'accueil de base. Je ne me souviens même pas de ce que c'est exactement, mais c'est comme, simple pourriez-vous voir. Ensuite, nous avons la vue des contacts avec le formulaire et une section sur environ compétent avec quelques MIP inférieurs aléatoires indexés à représentant environ Paige uh, et puis un peu de style aussi bien dans le CSS enlevé. Donc nous allons aller de l'avant et créer dans votre application, donc je vais m'assurer de Cindy pour CD dans les trucs de deck. Et puis à partir d'ici, je vais créer réagir, et je vais appeler cette application de routage presque deux pages comme vous le souhaitez. Ok, alors on aura un nouveau projet mis en place. C' est l'échafaudage. Ok, d'accord. Et puis nous prendrons celui-ci et ouvrirons en visuel. Pourrait studio. Ici, tu y vas. Et à l'intérieur. Nous allons donc voir les modèles de démarrage de base. On peut commencer. Et quand nous serons prêts, nous commencerons à terminer le haut. Je veux dire, créer de nouveaux composants. Ça va être le point de départ ici il y a. Donc, vous avez ce logo que du texte et un lien qui dit apprendre, réagir. Donc ça va être différent. Bien sûr, ce que nous allons faire, c'est que je vais vous inviter à télécharger. Donc, si vous ne l'avez pas encore fait, Donc, c'est ce que vous devriez télécharger à partir des ressources fautes ce dossier de routeur mondial avec toute la couche de chaudière qui va utiliser pour créer une nouvelle page, les nouveaux composants. Et on va le faire. Um, juste jusqu'à cette vidéo 2. Stack de navigation: ainsi, comme expliqué précédemment. Donc, je fournis avec du code standard qui sera utilisé pour créer les vues. Aura une vue pour la maison, Un autre pour la page de contact, comme un formulaire et un autre pour la section à propos. Mais avant cela aura une page d'accueil où nous aurons une navigation en haut, et cette navigation aura des liens pour permettre de naviguer les uns des autres énormes. Donc on va commencer par ça, c'est qu'on va aller à notre, um Abdel Jets. Donc c'est là qu'on va faire quelques changements. On n'allait pas garder quelques choses, mais on ne va pas tout garder. On n'allait pas garder quelques choses, Donc, en fait, cela détourne, tout ce que vous pouvez supprimer, et à la place, ce que nous aurons est une liste dans l'ordre. Ok, donc c'est pour ça que ça disparaît parce que c'est comme, recharger. Donc pour l'instant, nous n'avons plus rien. Mais à la place, ce que nous aurons est une liste de commandes et des éléments de liste, et je taxe pour créer un lien et à l'intérieur, nous aurons une attaque ANC à créer pour activer la navigation. Donc pour l'instant, ça va juste être que ça ne va pas naviguer, et je rentrerai d'abord. Et puis, tout comme le but est de naviguer d'une plage une autre, nous aurons à la maison et ensuite nous aurons des contacts. Ok, voyons voir. On y va. Donc très basique pour l'instant. Ça ne fait rien parce que nous n'avons pas mis de liens réels. Je veux dire, adresse pour naviguer vers ce qui va faire. En outre, un style supplémentaire fera une visite rapide à la get bootstrap qui viennent. Hum, ça va être plus simple pour la mise en page. Aussi de ces exemples de ces applications. Je voudrais utiliser les ressources bootstrap, donc nous allons utiliser le cdn plus rapidement. On n'a pas besoin de télécharger les fautes. Au lieu de cela, nous allons chercher, euh, tout ce dont nous avons besoin dans un euro éloigné. Donc nous allons copier ça dans le presse-papiers et ensuite retourner dans le ah, cette fois, aller dans le dossier public et trouver l'index que HTML et les droits avant le titre Vous allez coller ça . Ah, on n'a pas vraiment besoin des scripts. On va juste garder ce style chie. Le week-end des scripts se passe parce que nous ne ferons pas ça. Nous allons faire cela interactif avec tous les plug-ins JavaScript jazz utiliseront le CSS uniquement pour pres Trump et nous allons en utiliser un. Um, une fois que vous cette règle, qui sera un style non A, je pense qu'il se souvient et stylise une liste en ligne. Bien. En fait utilisé les deux parce que ce que je voudrais faire est de supprimer l'autre par défaut moins un style qui, mais aussi de faire le moins dans neuf. Donc un à côté de l'autre et pas au-dessus de l'autre, parce que par défaut et une balise lumineuse est un bloc une attaque de bloc, ce qui signifie qu'il va passer à la ligne suivante. Nous voulons qu'ils soient l'un à côté de l'autre. Donc j'ai une liste en ligne que je pense est ici que vous trouvez n'est pas une typographie ici il y a. Donc, vous avez juste besoin d'utiliser ces classes à la liste ordonnée afin de rendre votre séjour en ligne comme cet exemple ici. Donc on va le faire il y a un an. En fait, je vais le taper parce que assurez-vous de taper le nom de la classe au lieu de la classe, et il sera loué dans la vie. Et je pense qu'il a également supprimé la valeur par défaut. Type le moins par défaut. Donc, nous n'avons pas vraiment besoin de spécifier cela. Et juste en ligne, euh, une chose peut n'avoir pas encore fait et atteindre un spécifié aussi bien. Donc, pour notre classe, pour tous les moindres objets. Donc, nous allons prendre ceci et fournir une classe fort chaque élément de liste ainsi afin d' avoir ces résultats finaux très bons. Et il y a, donc vous avez votre liste à la lumière. Donc c'est génial. Eh bien, faire aussi bien est d'ajouter certains, Je pense que la marge au sommet. Mais qu'est-ce qui va faire Quicker ? Euh, voyons encore une fois. Donc, ce quelques ressources que je fournit, vous voyez que vous avez ces enlèvements CSS. Nous pouvons l'utiliser parce que vous avez un style de base que je vous fournit. Je pense que j'ajoute une marge au sommet à un moment donné. Je ne suis pas sûr, mais de toute façon, si ce n'est pas le cas, nous allons juste l'ajouter. Vous voyez si bien la marge à ça, je ne prouve qu'une utilité. Donc, nous l'utilisons. Donc, je vais copier tout cela et remplacer toutes les règles CSS que j'ai dans les modèles de démarrage de la nouvelle application et remplacer, et cela va fournir des règles CSS. Scilingo, pour toute la section que nous sommes sur le point de créer, je pense, pour les pages de contact. Eh bien, peut-être. Ou peut-être pas. Mais juste pour le sujet, OK, donc nous n'avons pas besoin de trop nous inquiéter pour personnaliser la page et tout de suite ajoutera cette marge. Je vais l'ajouter, en fait. Ici, M. C'est et on devrait voir, comme, comme, Ok, on y va. Maintenant, nous avons un petit écart. Est juste 30 pixels 30 Je pense que pas seulement 20. Je pourrais avoir des dates et faire plus grand pour ajouter plus d'écart. Ok, super. Donc, nous allons ajouter plus de style Un certain point, parce que j'aime avoir plus d'espace autour des liens aussi, mais pour l'instant, nous allons juste travailler avec ça. Parce que ce que je veux faire est de créer immédiatement un nouveau composant pour chaque lien correspondant. On aura donc une vue sur la maison. Un autre pour le sujet et un autre pour le contact. Toi. Alors faisons-le ensuite 3. Définition des parcours: Alors maintenant à l'intérieur de vos applications. Alors allez à la source, Boulder et créer votre dossier Composants. Celui-ci comprendra tous les composants. Je commençais avec des esquives à la maison et de la chambre que je fournissais avec, hum, des basiques, euh, je l'ai gâché. Manteau chaudron, prise de taureau. On va important là. Réagissez des réactions et de la cupidité dans votre classe. Donc la maison de classe et nous allons étendre de réagir pour créer un accompagnement Vous pouvez aussi, euh, fermer quelques étend de réactions dans le composant Riyad étend composants rouges Mon lit C'est un extrait que vous mot que nous n'avons pas besoin Vous pouvez également importer directement à partir des composants Et juste milieu de ces marques portées et donc à l'intérieur rappelez-vous que vous avez toujours besoin des méthodes Orender et à l'intérieur du rendu, vous allez retourner le visuel pour les composants solaires. Donc on va ouvrir les textos de la maison. Nous pouvons l'ouvrir ici et simplement copier et coller celui-ci dans le retour intérieur. Et n'oubliez pas d'exporter aussi votre classe et nous allons vraiment experts donc par défaut, comme ça et à l'intérieur. Nous aurons également des états pour chaque composant, et ce ne sera que des informations. C' est à propos du titre, du titre, et on va lire à la maison, accord ? Et ensuite. Ah, ce que je vais faire, c'est que j'aime montrer hum, mais pas juste maintenant. Donc, ce que nous allons faire est d'utiliser un routeur pour afficher ces composants un de nos clics sur un pseudo. Mais pour l'instant, nous devrons faire un peu d'installation. Ce n'est pas fini. Ce ne sera pas possible tout de suite d'afficher la maison du duché à moins qu'on fasse quelque chose comme ça, euh, je veux dire, ne sera pas la navigation, mais ce qu'on peut faire c'est importer à la maison sur celui-là. Ce composant est à l'intérieur. Les composants spécifieront la mort exacte, puis utiliseront simplement, par exemple , , le tack personnalisé, puis afficheront la maison. Ça devrait marcher. Je pense que j'ai peut-être eu lieu en mer. J' ai une extractive qui ferme Deve. Eh bien, peut-être pas défectueux. Ok, ok, enlevons ça. Ça va être Div. Et comme, donc de l'Oregon, je vais simplement le mettre ici. D' accord. D' accord. Alors, à la maison. Quand on reviendra à la vue, tu verras que tu auras euh Oh, retournons à la maison pour corriger l'erreur. Mais au lieu d'avoir un signe égal, ça va être là, Colon. Ils sont il y a. Supprimons ça. Il est revenu. Et ici vous pouvez voir la page qui correspond à la vue de la maison. Faisons la même chose pour environ. Nous allons créer un nouveau composant pour la section à propos, et nous en avons plus. Nous aurons plus de texte pour le sujet, donc cela aura plus de sens. Donc, en disant que nous allons créer tout le modèle pour créer un nouveau composant. Et au lieu d'avoir une autre maison, ça va être à propos. Et vous alliez lire et ouvrir le texte. Je veux dire, le modèle qui correspond à la confiance à propos. Copier. Et on va remplacer ici et maintenant pour enlever GS. Nous allons importer aussi de ces composants sur le composant puis sur, et nous ferons de même. Je vais réellement remplacer et remplacer par environ et sera en mesure de voir um, être sur le modèle pour le environ compétent. Voyons ce qui manque, Ok, Ok, que certains juste que je pense dans le taux à propos ici, je peux avoir un um supplémentaire vous faire que tout correct. Ok, je vais probablement fournir un div supplémentaire juste ici. Allons monter. Encore toi. Ok, c'est extrasolaire juste de faire ou juste de s'assurer que vous n'avez rien à saisir à l'intérieur du parent. Oh, c' était juste une erreur de ma part quand je collais ou j'ai peut-être un supplément, euh, donc tu as toujours été le bon, je vais y aller. Marge juste ici. Et d'accord, c'est le X essaye juste ici. Ok, donc je vais juste faire la correction de toute façon, donc chaque fois que vous obtenez cette faute, vous avez donc le bon modèle, ce qui est l'erreur. Ok, donc je vais juste m'assurer de formater ça bien. Et je devrais avoir une erreur. Et maintenant vous avez la page qui correspond à, euh Vous voyez ça ? Certains à propos de ce que nous faisons ici est remplacé parce que nous utilisons celui de l'état. Ce que nous allons faire est de faire ce titre d'état pour avoir le bon titre pour cette page, qui est à propos d'Ok, donc et puis j'ai juste besoin de faire la même chose aussi. Pour la maison. Je vais remplacer par ceci indique ce titre d'état. Ok, il y a l'unité, euh, trop sombre à faire, qui est le contact compétent, je vais vous laisser faire comme un exercice. Alors nous allons corriger donc dans la prochaine vidéo ensemble 4. Composant de contact - Solution: Donc, ce que je vous ai demandé de faire est de créer les composants qui correspondent. Pour, bien sûr, veut Teoh la vue de contact. Alors allons au routeur et ouvrons ce fichier texte et vous allez aller de l'avant et aller à la compétence et vous créer. Contactez Js Fall. Il va suivre exactement le même format pour créer un nouveau composant ici, au lieu d'avoir environ aura contact. Et pour le titre, ce sera aussi le contact ici. Et remplacons par tout ce que nous avons ici, qui est le contact, et ça va nous donner un joli modèle pour un formulaire. Et je pense qu'il n'y a pas d'erreur euh, manteau. C' est génial. Et il est remplacé ici. Nous allons lire le titre réel de cette page pour cette page, ce titre d'état. Essayons donc de voir si cela fonctionne correctement. Au lieu d'importer, nous allons importer les premiers contacts, avoir accès à ce composant et au lieu d'avoir ici, aura un contact. Et parce que nous utilisons déjà cette sangle ce vérifier à nouveau déjà soulevant bootstrapped. Je vais avoir un joli modèle grâce à ce qui a frappé ici. Ok, super. Mais le but ici est de pouvoir naviguer à partir d'un avenir. Un autre en utilisant ces liens, et c'est ce que nous allons faire ensuite verra, aussi. Comment d'abord, nous allons voir comment l'installation pour la route du routeur React et les liens de route directe A stupide et nous allons voir l'âge d'utilisation aussi bien. Alors, comment définir l'écrit les raps. Comment avez-vous trouvé le chemin pour le correspondant, compétent et enfin aider à naviguer d'un continent à l'autre ? Faisons ça ensuite. 5. react-router-dom: Alors allons de l'avant et instillons une nouvelle dépendance. Tu vois ça dans les paquets ? Et donc, chaque fois que vous avez un projet de démarrage, vous avez ces dépendances dans votre projet automatiquement. Donc d'abord vous réagit. Tu as besoin de ça pour, euh, pour être super. Je veux dire, pour construire un naufrage. Êtes-vous obtenu les bandes muettes et directes de réaction, qui est ce script pour commencer à construire sur. Jusqu' à présent. Donc c'est le Ceci correspond à la ligne de devenir propre. Et maintenant, dans l'Abda. Jess, ce qu'on va faire c'est, euh , en fait, on va utiliser la console, la consultation intégrée. Je vais ouvrir un nouveau terminal pour qu'on n'ait pas besoin de tuer le serveur. Donc ça va toujours fonctionner sur l'hôte local 3000. Donc, vous voyez que c'est l'hôte local Staline. Donc, c'est en cours d'exécution sur ce sport. Ce qu'on va faire, c'est ouvrir dans ton terminal, et je vais lancer ta propre annonce, réagit au routeur idiot, et tu verras que c'est dans ton paquet. Jason, vous avez connecté la réception car c'est un bâtiment ici, il va ajouter une nouvelle dépendance à l'intérieur des dépendances. Tu verras. Réagir routé, hum, et la version pour ces dépendances. Donc c'est bien, maintenant, on a accès au réacteur hors de stupide. Donc, tout ce qui concerne les liens de routeur de chemin de navigation supplémentaire est dans un module séparé avec réagir. Ce n'est pas dans le même modèle que réagir et réagir à eux. Nous devons donc nous assurer d'installer celui-ci séparément. Et maintenant que nous avons celui-ci dans les non-modules, vérifions ceci. Nous devrions être en mesure de trouver dans l'ensemble de la dépendance que nous avons besoin de créer réellement. Euh, la route. Mettre en œuvre le routeur. On y va. Réagir, routeur et réagir les routés. Donc c'est ce dont nous avons besoin. Ok, alors revenons à l'Abda, Jess. Maintenant, ce que nous allons faire est d'importer à partir de ce nouveau module que nous avons installé, et nous allons nous assurer de terminer pour spécifier le routeur de navigateur comme un coureur, et ce puits nous donnera accès à l'historique. Donc, quand vous naviguez sur un chemin et que vous devez revenir en arrière, il sera géré par le navigateur Roeder parce qu'il va garder une trace de l'historique navigation. Ensuite, nous aurons des routes pour définir les routes et le chemin et le puits de Milliken, donc les liens seront l'équivalent d'une attaque ANC de chaque fois que vous avez besoin de créer un lien avec Roger. Avec le lien, vous allez spécifier un chemin vers lequel naviguer. Et maintenant, nous allons importer du routeur de réaction Rotterdam. Exactement. Donc, ce que vous devez faire maintenant est de définir les routes et sera cela juste ici. Ce sera donc la première étape. Ainsi, chaque enveloppe permettra à l'incorruptibilité de spécifier un chemin. Et pour celui-ci, en fait, je vais commencer par spécifier les composants et vous comprendrez. Donc celui-ci sera pour la maison 1er 1 et pour la maison aura essentiellement la route passée , ce qui signifie que nous ne allons pas spécifier de points de terminaison. Ça va être les racines. Je veux dire, l'euro principal pour un 2ème 1 nous allons spécifier un itinéraire pour le sujet, vous avez et il est une semaine ne sont pas bien correspond à l'environ. Vous verrez que cela est en fait mis en évidence. Cela correspond aux composants à propos. Donc, pour tout lien de routes correspondant à ce chemin que nous avons défini comme environ donc ce sera les points de fin sur lesquels spécifiera les navigations vers le composant about. Faisons la même chose pour les contacts, et ce sera le contact de point final. Nous spécifions que nous voulons afficher la société et, bien sûr, doit contacter la zone. Donc, ce sont nos routes, et nous devons absolument envelopper les routes et cela sera utilisé comme un commutateur. Vous pourriez comprendre. Donc routeur. Donc ce sera le rappeur pour toutes les routes. Alors assurez-vous d'encapsuler tout cela, hum, dans le routeur, et celui-ci fonctionnera comme un commutateur. Donc, à l'intérieur de la route ou vous définissez le chemin. Et quand vous choisirez la maison, euh, pour l'instant, c'est juste la route, mais nous allons définir les liens après ça. Mais quand vous sélectionnez un lien qui correspond au chemin comme celui-ci, l'itinéraire passé va passer à l'alliance domestique. Et lorsque vous sélectionnez un lien qui correspond à ceci sur les points de terminaison, il va basculer vers la société à propos. Donc ce n'est pas tout. Quand on regarde la vue, on a un type d'ici. Quand vous regardez la vue ne change rien pour l'instant, vous avez la même chose, mais ce que nous voulons est de définir le lynx, le lynx, qui seront ceux-là. Donc pour l'instant, nous avons juste quelque chose de statique. Quand avez-vous eu des liens dynamiques ? Donc on va installer ça juste ici au lieu d'avoir des liens comme alors on va définir à l'intérieur. Le et j'allais remplacer les attaques ANC par des liens. Je vais mettre ça dehors pour l'instant. Ce sera ce lien, et il obtient son a. Chaque lien a une propriété qui est à et à l'intérieur des deux comme une valeur, vous allez passer le chemin réel vers lequel vous voulez naviguer ici, puis à l'intérieur. Vous spécifiez le texte de ce lien. Donc je vais remplacer tout ça par nous allons copier, venir en X et ensuite accélérer pour remplacer l'attaque ANC. Tu vas remplacer par ce lien et faisons la même chose pour les autres. Donc, la maison d'abord et ensuite suivante va être à peu près pour ce que vous spécifiez est le chemin à propos et remplacé par le nom et le contact correspondants pour la dernière zone de contact . Donc, chaque fois que vous sélectionnez un lien, vous verrez qu'il va sélectionner. Il va voir si un chemin correspond à l'année du lien, le chemin de spécifié ici, puis afficher la confiance correspondante. Donc, pour être en mesure de faire fonctionner l'énergie, nous devrons envelopper. On verra que tu auras une erreur. Quoi qu'il en soit, euh, ce Lincoln serait à l'extérieur du routeur. Il va falloir déplacer ce routeur. On va avoir besoin de déplacer ça pour inclure tout ça. Donc, comme spécifié avant qu'il fonctionne comme un commutateur. Donc, nous devons avoir tout cela encapsuler les liens et les routes correspondantes que nous avons définies ci-dessous, comme ceci. Et nous voyons cela quand nous passons de l'un à l'autre et nous avons la page correspondante. On va devoir faire quelques changements pour la maison. Euh, je pense, mais pour la maison. Ok, donc on a ça. Cela semble être des doublons. Ce qui fera également est de spécifier si exactement ce mot-clé. Donc, nous savons que pour les racines, bombe dans les racines quand je veux dire, c'est les racines de vos projets. Ce sera la première entrée, comme la page d'accueil de votre application. Donc quoi que ce soit qui correspond à ces Beth, qui est le chemin racine, il va afficher la page d'accueil, La maison confiante, Tiny. Voyons voir. C' est là que je sélectionne la maison ici à propos de contact. Et vous voyez que l'euro est en train de changer. Si je fais à propos de ça va afficher à propos d'OK, donc ça marche très bien. Donc nous avons juste activé la navigation en utilisant réaction à routed, Um, dans ce haut Ah, bouddhisme re factoring Ce que je voudrais est d'avoir les liens dans une section séparée juste ici. Donc nous allons le faire ensuite. Fondamentalement, je pourrais vous expliquer cela et vous laisser le faire comme un exercice. Ce que j'avais l'habitude d'avoir, euh , pour réduire , optimiser le code, rendre pourrait le rendre plus modulaire en ayant sa section séparée et évite également, ah, de répéter. Vous voyez que c'est similaire. Donc, vous avez trois fois les mêmes étiquettes alliées, alors essayez de permettre de réutiliser pour faire du bien, ce qui est réutilisable. Vous pourriez avoir un lien séparé. Je veux dire un autre composant et moi. Alors faisons-le ensuite 6. Finition: donc comme un exercice et seulement pour vous de comprendre non seulement mieux réagir arrondi sur, mais aussi de comprendre le but du réacteur qui est d'utiliser pour mettre en œuvre et utiliser des composants réutilisables . On le fera ensuite. D' abord. J' aimerais obtenir toute cette partie dans un composant séparé, compétent, compétent, apatride à la même automne. C' est très bien. Ce que nous allons faire est ici de créer une nouvelle confiance apatride, puis de retourner tout son et vous verrez que nous n'aurons aucun changement pour l'instant. Donc, si je vais vérifier pour que je n'ai pas de liens, mais revenons en arrière et ce que nous allons faire est alors de se référer à avoir et nous allons le récupérer. On y va. Donc, nous avons du temps sur la navigation avec vous. Donc, ici, le but est de rendre le code réutilisable. Et en avons un autre ici qui appellera, pas de lien, parce que ça va entrer en conflit avec ce Certains. Mais on pourrait appeler ça de l'argent. Oui, on pourrait le rappeler. Comme vous le souhaitez. En fait, nous pourrions passer un collègue, et ici il va retourner ce type, hum, hum, modèles est juste un mensonge, et au lieu d'avoir cela ne va pas étudier manteau. C' est que nous aurons d'abord, une constante. Nous allons définir nos liens. Commençons par ce que nous allons faire, trouver tous les liens et comme liens ce que nous avons sa première maison. Alors nous avons à peu près maintenant. Ensuite, nous avons le contact. Et fondamentalement, ce qu'on va faire est, euh, très simple. On va cartographier. Nous allons rediriger sur tous les objets, juste trois chaque objet que nous avons dans ce taux et ensuite appliquer le même temps assman que nous avons objecté que le tableau re utiliser la même confiance qui sera chemin ici. Alors gardons juste la liste de l'énergie ici. Et bien, ce que je vais faire, c'est mettre toutes ces minuscules. Je vous expliquerai après que ce sera juste en minuscules pour commencer. Et puis nous allions utiliser le chemin et commencer toujours par une vie. Et maintenant, allons pas à pas, et moi et puis, euh, nom de famille exactement la même chose qu'ici. C' est moi. Copie-le. Mais avant ça, on va devoir utiliser des cartes, te souviens ? Ça va être comme si ça va être une carte des liens. Et pour chaque objet que nous avons dans ces liens, nous allons avoir une variable locale, que nous allons nommer Link, et ça ira attendre et à l'intérieur juste ici. Donc on va utiliser Link. Alors je vais capitaliser. Il va être capitalisé en minuscules à majuscules peut utiliser Capitalize des bandes de Jena . Voilà, tu y vas. Ça devrait marcher. Et pour le mieux, ce que nous allons faire est d'utiliser d'abord afin de combiner simplement manger. Donc, premier texte au milieu. Donc, euh utilisé, employé, liant. Donc je vais passer le lien dans les accolades sinueuses, comme si précédé par ce signe de dollar. Et le fait est, nous allons devoir spécifier que pour le lien dans le cas, c'est égal à la maison. On verra ça ensuite. Quand j'allais voir si ça marche de toute façon, on en a assez et on s'en remet. Capitalisez pour voir si cela fonctionne. Attendu sur une vigne 15. On va devoir revenir ici parce que ça ne rentre rien. Donc ça ne comprend pas quand êtes-vous revenu ? Alors voyons à quoi ça ressemble. Ça ne semble pas marcher. Qu' est-ce qui va faire. Tu sais comment on va faire à la maison et à propos d'ici ? Donc ça va être qu'on va faire la salle de la glace capitale. Et cette fois ici regrette notre truc. La seule chose est, qu'est-ce que tu veux, euh, c'est que ça marche très bien. Ça ne semble pas déranger, mais je préfère avoir un lien sur le point final avec la minuscule. Donc ce que tu pourrais faire, c'est ici, n'est-ce pas ? Pourriez-vous en minuscules ? En fait, nous allons faire les formats ici, à cet endroit. Donc, au lieu d'avoir le bouchon plus tard, chaque fois que vous passez d'un chemin à un autre, ce sera en minuscules. D' accord ? La maison ne semble pas fonctionner. C' est parce que nous n'avons pas de chemin pour rentrer chez nous. Vous voyez que nous n'avons pas. Nous n'avons spécifié aucun point de terminaison avec ceci. Fascinant C' est en fait la route dont nous avons besoin parce que chaque fois que vous avez les racines que vous avez, c'est ce dont nous avons besoin. Donc ce qu'on va faire, ça va être très simple. On peut faire quelque chose comme d'abord ici pour vérifier. Tout d'abord, nous pouvons vérifier si le lien est égal. Teoh à la maison. Très simple. On va vérifier votre physique à la maison, et si c'est le cas, on va rendre Rien. Sinon, c'est retourné, Lien. D' accord. Et maintenant, vous avez juste besoin de suivre comme ça et nous pouvons garder. fuite est juste pour le chemin que nous devons faire cela parce que pour le chemin, nous avons besoin de quelque chose qui correspond au chemin spécifié. Ok, ok, alors faisons-le à la maison. Maintenant. Nous avons la maison que nous avons à propos de la maison, et cela fonctionne très bien. Ok, parfait. Ensuite pour le reste de l'exercice parce que nous voulons réellement utiliser un composant réutilisable. Prenons tout ça. Et parce que ce sont les formats finaux que nous attendons, prenons tout cela et utilisons maintenant le chemin. Et pour ce chemin, je veux dire, ce nouveau bain d'entreprise, ça va être comme si nous voulons que Teoh passe accessoires comme enfants parce que nous avons besoin que Teoh, euh, utilise le lynch. Donc nous allons le faire de cette façon. Liaison de propriété et tout ce qui correspond à la logique de ce passé, nous allons le prendre et l'ajouter au chemin parce que c'est plus allergique de le mettre ici et maintenant, je pense que nous sommes tous bons. On est tous piégés. Nous avons un composants réutilisables et pensons qu'il n'est pas défini. Hum, nous devons le spécifier ici, ce qui sera l'accessoire qu'on passe en tant qu'enfant juste ici. D' accord. Et juste un rapide Centex Eyre aime, comme ici. Ça va être passé comme ça. Ok, donc maintenant, au lieu d'avoir, euh, tu es rentré chez elle il y a et ça marche très bien.