Erste Schritte mit React Router

1. Starter App: Also jetzt werden wir sehen, wie man Routing implementiert, da eine Hexe zwischen Seiten mit reagieren navigiert . Das wird also keine einzige Strandanwendung sein. Verfügt über mehrere Komponenten, Komponenten, mehrere Ansichten, die von Komponenten behandelt werden. Also werden wir tun, ist zwischen Komponenten zu wechseln. Und wenn wir einen zuversichtlich haben, der einen Euro entspricht, der einem Pfad entspricht, den wir definieren, wird es die visuelle Darstellung von einer Komponente anzeigen. Also mal sehen, wie wir das eingerichtet haben. Also stelle ich als Ressourcen bereit, mit denen ich versorge, ähm, aber Miriam davon. Okay, also parade ich mit unseren Vorlagen, also als Standardcode, so dass Sie nicht von Grund auf neu eingeben müssen. Also, was wir in unserer geschmolzenen Seite Anwendung haben werden, ist eine Seite für das Zuhause Teoh Display . Nur eine einfache Homepage. Ich erinnere mich nicht einmal, was es genau ist, aber das ist einfach, könnten Sie sehen. Dann haben wir die Kontaktansicht mit dem Formular und einen Abschnitt über kompetent mit einigen zufälligen niedrigeren MIPs indiziert, um über Paige uh zu repräsentieren, und dann etwas Styling sowie im entführten CSS. Also gehen wir voran und erstellen Sie in Ihrer App, also werde ich sicherstellen, dass Cindy auf CD in das Deck Zeug. Und dann von hier, werde ich erstellen reagieren, und ich werde diese eine Routing fast zwei Seiten Anwendung nennen, genau wie Sie möchten. Okay, dann haben wir ein neues Projekt eingerichtet. Es ist ein Gerüst zu sein. Okay, Einverstanden. Und dann nehmen wir das hier und öffnen sich visuell. Könnte Studio. Hier geht's. Und drinnen. So werden wir die grundlegenden Startervorlagen sehen. Wir können das starten. Und wenn wir bereit sind, fangen wir an, die Fertigstellung der oben abzuschließen. Ich meine, neue Komponenten zu schaffen. Das werden hier die Ausgangspunkte sein. Sie haben also dieses Logo als ein Text und einen Link, der sagt, lernen, reagieren. Es geht also anders. Natürlich, was wir tun werden, ist, dass ich Sie zum Download einladen werde. Also, wenn Sie noch nicht getan haben, Also das ist, was Sie von den foul Ressourcen dieser Welt Router Ordner mit all den Boilerplate Mantel herunterladen , die verwenden wird, um eine neue Seite zu erstellen, die neuen Komponenten. Und das werden wir tun. Ähm, genau bis zu diesem Video 2. Navigation: so, wie bereits erläutert. Also bereite ich mit Boilerplate-Code, der verwendet wird, um die Ansichten zu erstellen. Wird eine Ansicht für die Startseite haben, Eine andere für die Kontaktseite, wie ein Formular und eine andere für den Abschnitt über. Aber davor wird eine Titelseite haben, wo wir eine Navigation an der Spitze haben, und diese Navigation wird Links haben, um von einem riesigen anderen navigieren zu können. Also fangen wir damit an, dass wir zu unseren Abdel Jets gehen . Hier werden wir ein paar Änderungen vornehmen. Wir würden nicht ein paar Dinge behalten, aber wir werden nicht alles behalten. Wir würden nicht ein paar Dinge behalten, Also eigentlich, das spritzt, alles, was Sie entfernen können, und stattdessen, was wir haben, ist eine in Ordnung Liste. Okay, das ist also so, dass es einfach verschwindet, weil es so ist, nachladen. Also wir vorerst nichts mehr. Aber stattdessen, was wir haben, ist eine Bestellliste und Listenelemente, und ich besteuere, um einen Link zu erstellen und innerhalb werden wir eine ANC-Angriffe zu erstellen, um die Navigation zu ermöglichen . Für den Moment wird es einfach sein, dass das nicht navigiert, und ich werde das erste Zuhause haben. Und dann, genau wie der Zweck ist, von einem Strand aus anderen zu navigieren, also werden wir nach Hause haben und dann haben wir über und Kontakte. Okay, mal sehen. Los geht's. So grundlegend für den Moment. Es tut nichts, weil wir keine tatsächlichen Links gesetzt haben. Ich meine, Adresse, um zu navigieren, was tun wird. Außerdem wird weiteres Styling einen schnellen Besuch der get bootstrap machen, die kommen. Ähm, es wird noch einfacher für das Layout. Auch von diesen Beispielen dieser Anwendung. Ich möchte die Bootstrap-Ressourcen verwenden, also verwenden wir das CDN schneller. Wir müssen die Fouls nicht herunterladen. Stattdessenholen wir, holen wir, ähm, was wir brauchen, von einem entfernten Euro. Also werden wir das in die Zwischenablage kopieren und dann zurück zur ah gehen, diesmal, diesmal, gehen Sie in den öffentlichen Ordner und finden Sie den Index, dass HTML und Rechte vor dem Titel Sie werden das einfügen. Ah, wir brauchen die Skripte nicht wirklich. Wir werden nur diese Stilscheiße behalten. Das Drehbuchwochenende vergeht, weil wir das nicht machen werden. Wir werden dies interaktiv mit jedem Jazz JavaScript Plug Ins werden das CSS nur für Pres Trump verwenden und wir werden eine verwenden. Sobald Sie diese Regel, die ein nicht-A-Stil sein wird, denke ich,es erinnert sich und Stil eine Liste in Linie. Sobald Sie diese Regel, die ein nicht-A-Stil sein wird, denke ich, Gut. Eigentlich verwendet beides, weil das, was ich tun möchte, ist, den anderen Standard am wenigsten einen Stil zu entfernen , der aber auch am wenigsten in neun zu machen. Also eine nebeneinander und nicht übereinander, denn standardmäßig und ein Licht-Tag ist ein Block ein Blockangriff, was bedeutet, dass es in die nächste Zeile gehen wird. Wir wollen, dass sie nebeneinander sind. Also habe ich eine Liste in Zeile, denke ich ist hier, dass Sie nicht Typografie hier finden. Sie müssen also nur diese Klasse in die eine geordnete Liste verwenden, um Ihren Aufenthalt in der Schlange zu machen , genau wie dieses Beispiel hier. Also machen wir das vor einem Jahr. Eigentlich werde ich es tippen, weil Sie unbedingt Klassennamen anstelle von Klasse eingeben, und es wird im Leben vermietet werden. Und ich denke, es hat auch den Standard entfernt. Der standardmäßige kleinste Typ. Also müssen wir das nicht wirklich spezifizieren. Und gerade in der Schlange, Äh, eine Sache könnte noch nicht getan haben und erreichen eine bestimmte als auch. Also für unsere Klasse, für jeden kleinsten Artikel. Also werden wir das nehmen und mit einer Klasse für jedes Listenelement sowie zur Verfügung stellen, um diese Endergebnisse sehr gut zu haben. Und hier vor, also haben Sie Ihre Liste im Licht. Das ist also großartig. Nun, tun Sie auch ist, einige hinzuzufügen, Ich denke, Marge nach oben. Aber was wird schneller tun? Uh, lasst uns nochmal nachsehen. Also das einige Ressourcen, die ich bereitstelle, sehen Sie, dass Sie diese entführen CSS. Wir können das verwenden, weil Sie ein grundlegendes Styling haben, das ich bereitstelle. Ich denke, ich füge irgendwann etwas Marge an der Spitze hinzu. Ich bin mir nicht sicher, aber wenn es nicht der Fall ist, fügen wir es einfach hinzu. Du siehst Marge so gut, ich beweise nur ein Dienstprogramm. Also benutzen wir das. Also werde ich all das kopieren und alle CSS-Regeln ersetzen, die ich in den Starter-Vorlagen habe , von der neuen App und ersetzen, und das wird CSS-Regeln bereitstellen. Scilingo, für all den Abschnitt, den wir über zu erstellen, denke ich, für die Kontaktseiten. Nun, vielleicht. Oder vielleicht nicht. Aber nur für die über, OK, also müssen wir uns nicht zu viel kümmern, um die Seite anpassen und sofort wird diese Marge hinzufügen . werde ich es hinzufügen Eigentlichwerde ich es hinzufügen. Genau hier, Mr. Das ist und wir sollten sehen, wie, Okay, los geht's. Jetzt haben wir eine kleine Lücke. Ist nur 30 Pixel 30 Ich denke, nicht nur 20. Ich könnte Daten haben und größer machen, um mehr Lücke hinzuzufügen. Okay, großartig. Also werden wir noch mehr Styling hinzufügen Einen Punkt, denn ich mag auch mehr Platz um die Links zu haben, aber im Moment werden wir einfach damit arbeiten. Denn was ich tun möchte, ist, sofort neue Komponenten für jeden entsprechenden Link zu erstellen . Also haben wir einen Blick auf das Haus. Eine andere für die über und eine andere für den Kontakt. Du. Also lasst uns das als nächstes tun 3. Die Routen erstellen: Also jetzt in Ihren Anwendungen. Also gehen Sie zur Quelle, Boulder und erstellen Sie Ihren Komponenten-Ordner. Dieser wird alle Komponenten enthalten. Ich fing mit Heim Dodges an und Zimmer, die ich versorge, ähm, ein paar grundlegende, ähm, ähm, ich habe es vermasselt. Boilerplate Mantel, Stier greifen davon. Wir werden dort wichtig sein. Reagieren Sie von Reaktionen und Gier in Ihrer Klasse. Also Klasse zu Hause und wir werden von reagieren, um Begleitung zu erstellen Sie können auch, uh, schließen einige erstreckt sich von reagiert in Riad Komponente erweitert rote Komponenten Mein Bett Das ist ein Extrakt, das Sie Wort, das wir nicht brauchen Sie können auch importieren direkt von Komponenten Und nur inmitten dieser Markierungen durchgeführt und so denken Sie daran, dass Sie immer Orender-Methoden benötigen und innerhalb des Renders werden Sie das visuelle für die Sun-Komponenten zurückgeben. Also werden wir die Heimtexte öffnen. Wir können es hier öffnen und einfach kopieren und einfügen dieses in Innenrückgabe. Und vergessen Sie nicht, auch Ihre Klasse zu exportieren und wir werden tatsächlich Experte so standardmäßig, wie so und innen. Wir werden auch Zustände für alle Komponenten haben, und das wird nur Informationen sein. Das geht um den Titel, den Titel, und wir werden nach Hause lesen, okay? Und als Nächstes. Ah, was ich tun werde, ist, dass ich es gerne zeige, aber nicht gerade jetzt. Also, was wir tun werden, ist einen Router zu verwenden, um diese Komponenten einen unserer Klick auf einen Nick anzuzeigen. Aber im Moment müssen wir etwas einrichten. Es ist noch nicht fertig. Es wird nicht sofort möglich sein, das Haus aus dem Herzogtum zu zeigen, es sei denn, wir machen so etwas, äh, ich meine, es wird keine Navigation sein, aber was wir tun können, ist, von zu Hause aus zu importieren. Dieser hier. Diese Komponente befindet sich im Inneren. Komponenten geben den genauen Tod an, und verwenden dann einfach, zum Beispiel, uh, die benutzerdefinierte Tack und dann zeigen Sie nach Hause. Das sollte funktionieren. Ich glaube, ich bin auf See aufgetreten. Ich habe hier ein Extraktiv, das Deve schließt. Nun, vielleicht nicht defekt. Okay, okay, lass uns das entfernen. Es wird Div sein. Und so, Oregon ist, werde ich es einfach hier setzen. Okay. Okay. So zu Hause. Wenn wir zur Ansicht zurückkehren, werden Sie sehen, dass Sie... Oh, gehen wir zurück nach Hause, um den Fehler zu korrigieren. Aber anstatt ein Gleichheitszeichen zu haben, wird es hier sein, Colon. Sie sind vor. Lassen Sie uns das entfernen. Es ist zurück. Und hier können Sie die Seite sehen, die der Ansicht für das Haus entspricht. Machen wir dasselbe für etwa. Wir werden eine neue Komponente für den Abschnitt über erstellen, und wir haben mehr. Wir werden mehr Text für die über haben, so dass das mehr Sinn macht. Also sagen, wir werden alle die Vorlage erstellen, um eine neue Komponente zu erstellen. Und anstatt ein anderes Zuhause zu haben, wird es ungefähr sein. Und du wolltest darüber lesen und den Text öffnen. Ich meine, die Vorlage, die dem über Vertrauen entspricht. Kopieren. Und wir werden hier und jetzt wieder ersetzen, um GS zu entführen. Wir werden auch aus diesen Komponenten über Komponente und dann über importieren, und wir werden das gleiche tun. Ich werde tatsächlich ersetzen und ersetzen mit über und in der Lage sein, um zu sehen, über Vorlage für die über kompetente. Mal sehen, was fehlt an, Okay, dass einige, nur ich denke, in der über Rate hier, ich könnte eine zusätzliche, um Sie tun, dass alle richtig. Okay, ich biete wahrscheinlich ein zusätzliches Div hier. Gehen wir hoch. Du schon wieder. Okay, das ist extrasolar Nur machen oder musste nur sicherstellen, dass Sie nichts in den Eltern zu ergreifen haben . Oh, das war nur ein Fehler von mir, als ich eingefügt habe, oder vielleicht ein Extra, ähm, also warst du jemals das Ok, hier gehe ich. Marge genau hier. Und okay, das ist die X versucht hier. Okay, also werde ich sowieso nur die Korrektur machen, Also, wenn du dieses Foul bekommst, hast du so die richtige Vorlage, das ist der Fehler. Okay, also werde ich nur darauf achten, das schön zu formatieren. Und ich sollte noch einen Fehler haben. Und jetzt haben Sie die Seite, die entspricht, ähm sehen Sie diese? Einige hier über das, was wir tun, ist hier ersetzt, weil wir den Staat benutzen. Was wir tun werden, ist diesen Staatentitel zu tun, um den richtigen Titel für diese Seite zu haben, was über OK ist, also und dann muss ich nur das gleiche tun. Für zu Hause. Ich werde mit diesem Zustand ersetzen Titel. Okay, da ist die Einheit, äh, zu dunkel, um zu tun, was der kompetente Ansprechpartner ist, ich Ihnen als Übung überlassen werde. Dann werden wir das im nächsten Video zusammen korrigieren 4. Kontaktkomponente – Lösung: Also, was ich Sie gebeten habe, ist, die Komponenten zu erstellen, die entsprechen. Um, natürlich, will Teoh die Kontaktansicht. Gehen wir also zum Router und öffnen Sie diese Textdatei und Sie werden weitergehen und zur Kompetenz gehen und Sie erstellen. Kontaktieren Sie Js Fall. Es wird genau das gleiche Format folgen, um eine neue Komponente direkt hier zu erstellen, anstatt über wird Kontakt haben. Und für den Titel wird es auch Kontakt hier sein. Und ersetzen wir mit allem, was wir hier haben, was Kontakt ist, und das wird uns eine schöne Vorlage für ein Formular geben. Und ich glaube, es gibt keinen Fehler, ähm, Mantel. Das ist großartig. Und es wurde hier ersetzt. Wir werden den tatsächlichen Titel von dieser Seite für diese Seite lesen, diesen Status Titel. Probieren wir das aus, um zu sehen, ob das richtig funktioniert. Anstatt zu importieren, werden wir erste Kontakte importieren, haben Zugriff auf diese Komponente und anstatt hier über, werden Kontakt haben. Und weil wir diesen Gurt bereits verwenden, überprüfen Sie diesen Checkout wieder bereits Bootstrapped. Ich werde eine schöne Vorlage dank, was hier getroffen. Ok, großartig. Aber der Zweck hier ist es, aus einer Zukunft navigieren zu können. Eine andere, indem Sie diese Links, und das ist, was wir als nächstes tun werden sehen, auch. Wie zuerst werden wir sehen, wie die Installation für die React React Router-Route und Links von direkten Route A stumm und wir werden das Nutzungsalter als auch sehen. So, wie man die schrieb die Rap zu definieren. Wie haben Sie den Weg gefunden, um die entsprechenden, kompetenten und schließlich helfen, von einem Kontinent zum anderen zu navigieren? Machen wir das als Nächstes. 5. react-router-dom: Also lasst uns weitermachen und eine neue Abhängigkeit vermitteln. Siehst du das in den Paketen? Und wenn Sie ein Starterprojekt haben, haben Sie diese Abhängigkeiten automatisch in Ihrem Projekt. Also reagiert Sie zuerst. Du brauchst das, um, ähm, zu groß. Ich meine, um ein Verderbnis aufzubauen. Sind Sie die Reaktion dummen und direkten Streifen, die diese Skripte, um zu beginnen, auf zu bauen. Bisher. Das ist also das Dies entspricht der sauberen werdenden Linie. Und jetzt, in der Abda. Jess, wir werden wir werden eigentlichdie Konsole benutzen, denintegrierten Berater. eigentlich die Konsole benutzen, den Ich eröffne ein neues Terminal, damit wir den Server nicht töten müssen. Es wird also immer noch auf dem lokalen Host 3000 laufen. Sie sehen also, dass dies der lokale Gastgeber Stalin ist. Das läuft also auf dem Sport. Was wir tun werden, ist, dass ich in Ihrem Terminal öffne, und ich werde Ihre eigene Anzeige schalten, reagiert Router stumm, und Sie werden sehen, dass das in Ihrem Paket ist. Jason, Sie haben den Empfang verbinden, da dies ein Gebäude hier ist, es wird eine neue Abhängigkeit direkt innerhalb von Abhängigkeiten hinzufügen. Du wirst sehen. Reagieren Sie geroutet, um, und die Version für diese Abhängigkeit. Das ist gut, jetzt haben wir Zugang zum Reaktor aus Dumm. Also alles im Zusammenhang mit Navigationspfad Router-Links extra ist in einem separaten Modul mit reagieren. Es ist nicht im selben Modell wie reagieren und darauf reagieren. Also müssen wir sicherstellen, dass Sie diese separat installieren. Und jetzt, da wir dieses in den Nicht-Modulen haben, schauen wir uns das an. Wir sollten in der Lage sein, in der oder so alle Abhängigkeiten zu finden, die wir tatsächlich schaffen müssen. Ähm, die Straße. Implementieren Sie den Router. Los geht's. Reagieren, Router und reagieren geroutet sie. Das ist also, was wir brauchen. Okay, also gehen wir zurück zum Abda, Jess. Nun, was wir tun werden, ist aus diesem neuen Modul importieren, das wir installiert haben, und wir werden sicherstellen, dass Sie den Browser-Router als Läufer angeben, und dieser Brunnen wird uns Zugriff auf die Geschichte geben. Wenn Sie also zu einem Pfad navigieren und zurückgehen müssen, wird es von Browser Roeder behandelt werden, weil es den Überblick über den Verlauf der Navigation behalten wird . Dann haben wir Routen, um die Routen und Pfad und Milliken gut zu definieren, so dass die Links das Äquivalent eines ANC-Angriffs sein werden, wenn Sie eine Verbindung mit Roger erstellen müssen . Mit dem Link geben Sie einen Pfad an, zu dem Sie navigieren möchten. Und jetzt werden wir von React Router Rotterdam importieren. Genau. Also, was Sie jetzt tun müssen, ist, die Routen zu definieren und wird das genau hier sein. Das wird also der erste Schritt sein. So wird jeder Wraps für Unbeschädigtheit, einen Pfad anzugeben. Und für diesen, eigentlich, eigentlich, werde ich beginnen, indem ich die Komponenten spezifiziere und du wirst es verstehen. Also wird dieser für zu Hause 1. 1 sein und für das Haus wird im Grunde die Route vorbei haben , was bedeutet, dass wir keine Endpunkte angeben werden. Es werden die Wurzeln sein. Ich meine, der Haupt-Euro für eine 2. 1 wir werden eine Route für die über angeben, haben Sie und es ist eine Woche sind nicht gut entspricht der über. Sie werden sehen, dass dies tatsächlich hervorgehoben ist. Dies entspricht den über Komponenten. Also für alle Routen Link zu diesem Pfad, die wir definiert als über so wird dies die Endpunkte sein , über die die Navigationen zu der über Komponente angeben. Lassen Sie uns dasselbe für Kontakte tun, und das ist der Endpunktkontakt. Wir geben an, dass wir das Unternehmen anzeigen wollen und, natürlich, müssen Kontakt Bereich. Das ist also unsere Routen, und wir müssen unbedingt die Routen umschließen und dies wird als Schalter verwendet werden. Du könntest es verstehen. So Router. Dies wird also der Rapper für alle Routen sein. Stellen Sie also sicher, dass Sie all das innerhalb des Routers kapseln , und dieser wird als Schalter funktionieren. , Also innerhalb der Straße oder Sie definieren den Pfad. Und wenn du das Zuhause auswählst, auswählst, ist jetzt nur die Route, aber wir werden die Links danach definieren. Aber wenn Sie einen Link auswählen, der dem Pfad wie diesem entspricht, wird die Route vorbei zum Heimatbündnis wechseln. Und wenn Sie einen Link auswählen, der diesem zu Endpunkten entspricht, wechselt er zum „Info“ -Unternehmen. Das ist also nicht alles. Wenn man sich die Aussicht anschaut , , bekam ich eine Art von hier. Wenn Sie sich die Ansicht ansehen, ändert nichts für jetzt, Sie haben das gleiche, aber was wir wollen ist, den Luchs zu definieren, der Luchs , der diese sein wird. Also für den Moment haben wir nur etwas Statisches. Wann hatten Sie dynamische Links? Also werden wir das hier einrichten, anstatt Links zu haben, wie wir im Inneren definieren werden . Die und ich wollten die ANC-Angriffe durch Links ersetzen. Ich werde das vorerst draußen stellen. Es wird diese Verbindung sein, und es bekommt seine hat. Jeder Link hat eine Eigenschaft, die zu und innerhalb der beiden als Wert ist, Sie werden den tatsächlichen Pfad übergeben, zu dem Sie hier und dann innen navigieren möchten. Sie geben den Text für diesen Link an. Also werde ich all das ersetzen, indem wir kopieren, in X kommen und dann den ANC-Angriff ersetzen. Du wirst durch diesen Link ersetzen und das Gleiche für die anderen machen. Also zu Hause zuerst und dann nächstes wird etwa so für die über das, was Sie angeben, ist der über Pfad und ersetzt durch den entsprechenden Namen und Kontakt für den letzten Kontaktbereich . Wenn Sie also einen Link auswählen, werden Sie sehen, dass er auswählen wird. Es wird sehen, ob ein Pfad dem Linkjahr entspricht, dem Pfad der hier angegebenen, und dann die entsprechende Konfidenz anzuzeigen. Um Energie zu ermöglichen, dass es funktioniert, müssen wir wickeln. Wir werden sehen, dass du einen Fehler bekommst. Wie auch immer, äh, dieser Lincoln wäre außerhalb des Routers. Wir müssen diesen einen Router verschieben. Wir müssen das hochziehen, um all das einzubeziehen. So wie angegeben, bevor es als Schalter funktioniert. Also müssen wir all das die Links und die entsprechenden Routen, die wirunten definiert haben,kapseln unten definiert haben, lassen. Und wir sehen, dass, wenn wir von einem zum anderen wechseln und wir die entsprechende Seite haben. Also müssen wir ein paar Veränderungen für das Haus vornehmen. Ähm, denke ich, aber zu Hause. Okay, also haben wir das hier. Dies scheint Duplikate zu sein. Was auch tun wird, ist so genau dieses Schlüsselwort anzugeben. Also wissen wir, dass für die Wurzeln, bombardieren in den Wurzeln, wenn ich meine, die Wurzeln Ihrer Projekte sind. Dies wird der erste Eintrag sein, wie die Homepage Ihrer Anwendung. Also, was auch immer diesen Beth entspricht, was der Wurzelpfad ist, wird es die Startseite anzeigen, das selbstbewusste Zuhause, Tiny. Mal sehen. Das ist, wenn ich zu Hause genau hier über Kontakt wählen. Und Sie sehen, dass sich der Euro verändert. Wenn ich dagegen tue, wird es über OK angezeigt, also funktioniert das gut. Also haben wir nur die Navigation aktiviert, indem wir auf geroutet reagieren, um, in diesem oben Ah, Buddhismus re Factoring Was ich möchte, ist, die Links in einem separaten Abschnitt direkt hier zu haben. Also machen wir das als Nächstes. Grundsätzlich könnte ich Ihnen das erklären und Sie es als Übung machen lassen. Was ich früher hatte, um zu reduzieren, den Code zu reduzieren,zu optimieren, ihn modularer zu machen, indem ich seinen separaten Abschnitt habe und vermeidet auch den Code zu reduzieren,zu optimieren, ihn modularer zu machen, indem ich seinen separaten Abschnitt habe und vermeidet auchWiederholungen. Sie sehen, dass dies ähnlich ist. Sie haben also dreimal die gleichen Verbündeten Tags, also versuchen Sie, wiederzuverwenden, um etwas Gutes zu machen, was wiederverwendbar ist. Du könntest einen separaten Link haben. Ich meine eine andere und ich Komponente. Also lasst uns das als Nächstes tun 6. Fertigstellen: so als eine Übung und nur für Sie zu verstehen, nicht nur besser reagieren gerundet auf, sondern auch den Zweck des Reaktors zu verstehen, die zu verwenden ist, um wiederverwendbare Komponenten zu implementieren und zu verwenden . Das machen wir als Nächstes. Zuerst. Ich möchte all diesen Teil in einem separaten, kompetenten, staatenlosen Komponenten im selben Herbst bekommen kompetenten, . Es ist einfach in Ordnung. Was wir tun werden, ist hier ein neues zustandsloses Vertrauen zu schaffen und dann alles zurückzugeben, und Sie werden sehen, dass wir keine Änderung für jetzt haben werden. Also, wenn ich gehe überprüfen, damit ich keine Links haben werde, aber lass uns zurück gehen und was wir tun werden, ist dann beziehen sich auf haben und wir werden es zurück bekommen. Los geht's. Also haben wir Zeit, mit dir zu navigieren. Hier besteht der Zweck darin, den Code wiederverwendbar zu machen. Und lasst uns noch einen hier haben, der anrufen wird, nicht Link, denn es wird hier in Konflikt mit diesem Einige stehen. Aber wir könnten es Bargeld nennen. Ja, wir könnten es zurückrufen. Wie Sie es wünschen. Eigentlich könnten wir Kollegen passieren, und hier wird es diesen Typ zurückgeben, ähm, Vorlagen sind nur eine Lüge, und anstatt dies zu haben, wird nicht Mantel studieren. Es ist, dass wir zuerst eine Konstante haben . Wir werden unsere Links definieren. Fangen wir damit an, dass wir tun werden, finden alle Links und als Links, was wir sein erstes Zuhause haben. Dann haben wir etwa jetzt. Dann haben wir Kontakt. Und im Grunde, was wir tun werden, ist, ähm, sehr einfach. Wir werden kartieren. Wir werden über alle Objekte umleiten, nur drei jedes Objekt, das wir in dieser Rate haben, und dann wieder die gleiche Assman Zeit anwenden, wie wir dieses Array wieder das gleiche zuversichtlich verwenden, das hier Pfad sein wird. Also lassen Sie uns nur die Energieliste hier behalten. Und nun, was ich tun werde, ist eigentlich all den Kleinbuchstaben zu setzen. Ich werde es erklären, nachdem es anfänglich nur Kleinbuchstaben sein wird. Und dann wollten wir den Weg benutzen und immer mit einem Leben beginnen. Und jetzt gehen wir Schritt für Schritt, und ich und dann, äh, Nachnamen genau das Gleiche wie hier. Das bin ich. Kopieren Sie es. Aber davor werden wir Karten benutzen müssen, erinnerst du dich? Es wird so sein, dass es Links Karte sein wird. Und für jedes Objekt, das wir in diesen Links haben, haben wir eine lokale Variable, die wir sind, dass wir Link nennen werden, und das wird warten und drinnen genau hier. Also werden wir Link benutzen. Dann werde ich kapitalisieren. Es wird in Großbuchstaben in Großbuchstaben Großbuchstaben kapitalisieren aus den Jena-Strips verwenden . Da gehst du. Sollte funktionieren. Und zum Besten, was wir tun werden, ist, zuerst zu verwenden, um einfach Essen zu kombinieren. Also, erste Textmitte. Also, ähm gebraucht, beschäftigt, bindend. Also werde ich die Verbindung innerhalb der kurvigen Klammern übergeben, so wie dieses Dollarzeichen vorangestellt ist. Und die Sache ist, wir müssen angeben, dass für den Link in dem Fall dies gleich zu Hause ist. Das sehen wir als Nächstes. Als ich gerade sehen wollte, ob das trotzdem funktioniert, haben wir genug und erholen uns. Großschreibung für die mal sehen, ob das funktioniert. Erwartete auf einem Weinstock 15. Wir müssen hierher zurückkehren, weil es nichts zurückgibt. Also versteht es nicht, wann bist du zurückgekehrt? Mal sehen, wie das aussieht. Es scheint nicht zu funktionieren. Was tun wird. , Weißt du,wie wir zu Hause und hier machen werden? Es wird also sein, dass wir ein Zimmer mit Capital Eis haben. Und dieses Mal hier bedauert unser Ding. Das Einzige ist, was würdest du, äh, ist, dass es gut funktioniert. Scheint sich nicht zu stören, aber ich hätte lieber eine Verbindung am Endpunkt mit dem Kleinbuchstaben. Also, was du tun könntest, ist hier, oder? Könnten Sie Kleinbuchstaben? Eigentlich werden wir die Formate hier an diesem Ort erstellen. Statt später die Kappe zu haben, jedes Mal, wenn Sie von einem Pfad zum anderen wechseln, wird jedes Mal, wenn Sie von einem Pfad zum anderen wechseln, Kleinbuchstaben sein. Ok? Das Haus scheint nicht zu funktionieren. Weil wir keinen Weg für Zuhause haben. Du siehst, dass wir es nicht haben. Wir haben damit keine Endpunkte angegeben. Faszinierend. Es ist eigentlich die Route, die wir brauchen, denn wann immer Sie die Wurzeln haben brauchen wir das. Also, was wir tun werden, wird es sehr einfach sein. Wir können so etwas wie zuerst hier machen, um zu überprüfen. Zuerst können wir überprüfen, ob die Verbindung gleich ist. Teoh nach Hause. Sehr einfach. Wir werden Ihren Körper nach Hause überprüfen, und wenn es der Fall ist, werden wir nichts zurückgeben. Andernfalls wird das zurückgegeben, Link. Okay. Und jetzt musst du nur so gehen und wir können es halten. Leak ist nur für den Pfad, den wir tun müssen, weil für den Pfad brauchen wir etwas , das dem angegebenen Pfad entspricht. Okay, okay, lass uns das nach Hause machen. Jetzt. Wir haben zu Hause, das wir über zu Hause haben, und das funktioniert gut. Okay, perfekt. Als nächstes für den Rest der Übung, weil wir tatsächlich eine wiederverwendbare Komponente verwenden möchten. Lasst uns das alles nehmen. Und weil dies die endgültigen Formate sind, die wir erwarten, nehmen wir all das und verwenden Sie jetzt Pfad. Und für diesen Weg, ich meine, dieses neue Firmenbad, wird es so sein, dass wir Teoh Pass Requisiten als Kinder wollen, weil wir Teoh brauchen, uh, benutzt das Lynch. Also werden wir das so machen. Eigentum Bindung und was auch immer der Logik dieser Vergangenheit entspricht, wir werden es nehmen und dem Weg hinzufügen, weil das allergischer ist, es hier und jetzt zu setzen , ich denke, wir sind alle gut. Wir sind alle reingelegt. Wir haben eine wiederverwendbare Komponenten und denken, dass es nicht definiert ist. Wir müssen es genau hier angeben, was die Requisite sein wird, die wir hier als Kind übergeben. Wir müssen es genau hier angeben, Okay. Und nur ein schneller Centex Eyre mag, wie hier. Stattdessen wird es vorbei sein. Okay, also jetzt, anstatt, ähm, du hast sie vor Hause, und das funktioniert gut.