Unsere eigenen Ziele ausgeben.
Ich werde eine neue Komponente in den Komponentenordner einfügen und sie überschaubar halten.
Ich werde tatsächlich einen neuen Unterordner für jede Komponente erstellen.
Dies ist kein Muss, aber ich persönlich mache das gerne, weil ich dann schnell alle meine Komponenten finden kann.
Natürlich müssen Sie jetzt Ihren Import hier im Abzess anpassen.
Meine Idee hat es automatisch gemacht, falls es nicht passiert ist.
Stellen Sie sicher, dass Sie den Import Ihrer Zielliste so anpassen, dass er dem in U entspricht.
Mappe.
Ich fügte hinzu.
Und dann wird hier im Komponentenordner auch dort eine neue Zielkomponente hinzugefügt.
Fügen Sie eine neue Ziel-Jazz-Datei und ein neues Ziel hinzu.
Sehen Sie uns als Herbst.
Wenn Sie jetzt ein Styling in einer neuen Gold-Jazz-Datei anwenden möchten, müssen Sie zunächst React from
React importieren.
Das müssen Sie immer tun.
Andernfalls können Sie J nicht als X in dieser Datei verwenden, da J als exis übersetzt wird, um auf das Erstellungselement zu
reagieren.
Und dann habe ich hier meine neue Zielkomponente.
Wir könnten Propp Spot akzeptieren, solange wir sie nicht brauchen.
Wir müssen nicht.
Und dann exportiere ich neues Ziel.
Jetzt möchte ich in Abcess ein neues Ziel festlegen, damit wir neues Gold importieren.
Auch hier liegt der Name bei Ihnen, aber er sollte mit einem Großbuchstaben beginnen.
Und ich importiere dies von Komponenten.
Neues Ziel.
Und dann können wir hier wie oben auf unserer Zielliste rendern, sagen wir mal so.
Nein, dies würde nicht funktionieren, da das neue Ziel noch keine gültige Reaktionskomponente ist, da es sich derzeit um eine Funktion handelt. Es
handelt sich jedoch nicht um eine Funktion, die als Reaktionskomponente fungiert, da sie keine entscheidende Funktion erfüllt.
Es kehrt nicht zu seinem X zurück.
Also lasst uns zurückkehren.
Ich bin J ist X hier und da, um die Dinge einfach zu halten, alles in einem Forum.
Und in diesem Forum werde ich ein Eingabefeld hinzufügen.
Geben Sie das selbstschließende Textelement in die reguläre HGL ein.
Dies muss in J is X nicht selbstschließend sein.
Es muss sich selbst schließen.
Und dann eine Schaltfläche vom Typ Senden.
Wo ich bei Gohl sage, eine sehr einfache Form, und wenn wir das jetzt sichern, sollten Sie es hier sehen.
Fügen wir nun etwas Styling hinzu, um diesen Look für Daddle etwas schöner zu machen, und eine Klasse, um neues Dash-Gold zu
bilden.
Und ich werde das neue Gold als Datei in die neue Gold-JavaScript-Datei importieren.
Und dann hier die neue Goldklasse, die auf dem Formular all at hinzugefügt wird.
Ein Rand von zwei REM in alle Richtungen und Textzeile.
Damit das ein bisschen schöner aussieht.
Und jetzt können wir auch die Eingabe der Schaltfläche stylen.
Aber ich möchte nicht zu viel Zeit damit verbringen.
Also lassen wir es jetzt so wie es ist.
Wenn Sie auf die Schaltfläche klicken, wird diese Seite übrigens neu geladen, da im Moment
die Standardbrowserfunktionalität aktiviert wird.
Das heißt, wenn in einem Forum auf eine Schaltfläche vom Typ Senden geklickt wird, wird eine Anfrage an den Server gesendet,
der dieser Seite bereitgestellt wird.
Es ist jedoch nicht das Verhalten, das wir hier wollen, denn hier möchte ich keine Anfrage an einen
Server senden, weil wir auf der Serverseite nichts tun.
Stattdessen möchte ich diesen Klick mit JavaScript behandeln und das ist das erste, was ich hier tun werde.
Mal sehen, wie wir mit Ereignissen umgehen können, denn das haben wir bisher noch nicht getan.
Ich möchte das Submit-Ereignis dieses Forums hier behandeln und reagieren macht das einfach.
Wir können jedem Element Ereignis-Listener hinzufügen, nicht nur dem Forum, sondern jedem Element, indem wir
Kleinbuchstaben hinzufügen.
Und dann der Name des Ereignisses.
Nein, nicht jedes Ereignis wird für jedes Element unterstützt.
Aber hier hast du ihm die Standard-HD, alle Elemente zur Verfügung.
So müssen Sie beispielsweise in einem Forumelement ein Ereignis über eine Schaltfläche senden.
Sie haben auch auf Klick.
Da es sich jedoch um eine Schaltfläche in einem Forum handelt, ist es besser, sie im Forum selbst zu handhaben.
Was übergeben Sie nun als Wert an Enns up Mido als Wert?
Sie müssen eine Funktion übergeben, die ausgelöst werden soll, wenn dieses Ereignis eintritt.
Also ein Zeiger auf eine Funktion.
Sie könnten dieses Jahr mit geschweiften Klammern und dann einer anonymen Inline-Funktion arbeiten.
Aber das gefällt mir nicht so gut.
Stattdessen werde ich hier eine neue Funktion erstellen.
Und in JavaScript können Sie Funktionen und Funktionen erstellen.
Anstelle der neuen Zielfunktion, die es noch ist, kann ich am Ende eine neue Funktion erstellen.
Ich werde meine erstellen.
Beim Torhandler liegt die Benennung der Notizen bei Ihnen.
Aber ich mochte seine Benennung, Handler am Ende meines Funknamens zu haben.
Wenn es sich um eine Funktion handelt, die bei einem Ereignis ausgelöst wird.
Dies ist also eine Funktion in diesem Fall. Ich werde wieder eine Pfeilfunktion verwenden, was
kein Muss ist, aber ich werde hier nur Pfeilfunktionen verwenden, und Enns up Mitt kann jetzt auf AD Gohl Handler zeigen.
Führen Sie es hier nicht aus, also fügen Sie keine Klammern hinzu.
Stattdessen möchten Sie nur auf die Funktion zeigen, damit der Browser und die gemeinsame Reaktion eine Funktionsstörung
für Sie ausführen können.
Wann tritt das Übermittlungsereignis auf?
Jetzt erhält diese Funktion ein Ereignisobjekt, einen Ereignisparameter, der automatisch durch Reagieren übergeben wird, und dann können wir zum Beispiel verhindern
Standard aufrufen, wodurch verhindert wird, dass der Browser standardmäßig eine Anfrage an ein Back-End sendet, was hier nicht der Fall
sein sollte, weil wir Wir behandeln dies hier nicht auf der Serverseite.
Unser Server bedient nur diese einzelne Index-HMO-Datei.
Es gibt keine Logik für die Bearbeitung von Einsendungen.
Stattdessen möchte ich hier in JavaScript am Frontend damit umgehen.
In meiner REACT-Anwendung werde ich im Moment ignorieren, was der Benutzer hier eingegeben hat, und
stattdessen einfach ein Dummy-Ziel erstellen.
Und ich möchte dieses Dummy-Ziel an App G weitergeben. S. und füge es hier zu meinem Kern Scholes hinzu, damit es dann
hier gerendert wird.
Nun Schritt für Schritt.
Wir können natürlich ein neues dharmisches Ziel schaffen.
In diesem Artikel Hannover.
Durch Hinzufügen einer neuen Zielkonstante, bei der es sich um ein JavaScript-Objekt handelt, könnte die Idee hier eine Zufallszahl
sein.
Mit Mothe zufällig.
Dies ist natürlich kein wirklich einzigartiges Ich. D. D. , aber es ist gut genug und ich werde es in einen String konvertieren.
Es ist gut genug für unsere Demo-Anwendung hier.
Ich meine.
Und dann wird der Text hier später der hier eingegebene Textbenutzer sein.
Im Moment nur ein Dummy-Text.
Mein neues Ziel.
Jetzt haben wir hier das neue Ziel.
Und natürlich können wir die Konsole sperren, um zu sehen, dass bis zu diesem Punkt alles funktioniert.
Also, wenn wir das speichern.
Wir sehen unsere Form hier.
Wenn Sie auf Ziel hinzufügen klicken, wird die Seite nicht neu geladen.
Stattdessen sehen wir hier das Stempelziel.
Könnte natürlich mehrere Ziele schaffen.
Im Moment werden sie jedoch nicht zu dieser Liste hinzugefügt.
Um die Liste zu erweitern, müssen wir dieses Ziel nun aus der neuen Zielkomponente in die App-Komponente übertragen.
Bevor wir lernen, können wir unsere Requisitenrunde bestehen.
Aber das war von der App bis zur Zielliste.
Also zu einer untergeordneten Komponente, einer Komponente, die eine App enthält.
Jetzt ist es die andere Richtung.
Wir möchten Daten vom neuen Ziel an die übergeordnete Komponente übergeben.
Also die Komponente, die die neue Zielkomponente enthält.
Wie funktioniert das?