Wie können wir ein Datenarray als J als X-Elemente ausgeben?
Nun, eigentlich ist es relativ trivial.
Wir werden dieses Array von Jobs und Objekten einem Array von J zuordnen. S. X-Elemente, da REACT ein Array
von JavaScript-Elementen ausgeben kann.
Lassen Sie mich Ihnen zeigen, wie das funktioniert.
Verwenden wir diese einzelnen geschweiften Klammern, da ich hier einen JavaScript-Ausdruck hinzufügen möchte.
In meinem Ausdruck ist hier ein einfaches Array, aber ein Array von Listenelementen.
Hallo.
Und dann noch einer.
Dies funktioniert, ich gebe dies in meinem J is X-Code mit den einzelnen geschweiften Klammern aus, da dieses Jahr natürlich nicht J is X ist,
sondern ein Array, aber es ist ein Array voller J is X.
Und wenn ich sicher bin, wird es hoch ausgegeben und das funktioniert.
Wir erhalten einen Fehler oder eine Warnung, die Sie vorerst ignorieren können.
Das funktioniert aber im Allgemeinen.
Da dies nun mit fest codierten Daten funktioniert, können wir auch unsere Reihe von Zielen ausgeben, sodass wir hier Requisitenziele
ausgeben können.
Das Problem ist jedoch, dass Requisitenziele am Ende ein Array von JavaScript-Objekten sind, kein Array von J.
ASICs-Code.
Also, wenn wir versuchen, dieses Jahr zu produzieren.
Es wird scheitern.
Es zeigt Ihnen, dass Objekte als reagierendes Kind nicht gültig sind.
Während wir Kinder haben.
Letztendlich können wir also keine einfachen Vanille-JavaScript-Objekte in J is X ausgeben.
Stattdessen müssen wir jedes Objekt in ein J als X-Äquivalent abbilden.
Also in ein erneuerbares Element.
Hier wollen wir also am Ende jedes Objekt einem Listenelement zuordnen.
Also auf Requisiten Ziele, die ein Array ist.
Wir können die Kartenmethode aufrufen.
Dies ist eine Standard-Vanilla-JavaScript-Methode, die in jedem Array vorhanden ist.
Die Kartenmethode übernimmt eine Funktion.
Hier übergebe ich eine Pfeilfunktion, die für jedes Element des Arrays ausgeführt wird.
Sie rufen map on auf und dann kehrt die Funktionsstörung hier zurück.
Transformieren Sie die Wörter dieses Elements im ursprünglichen Array, und die Gesamtzuordnung gibt dann ein neues
Array mit diesen transformierten Datenelementen zurück.
Diese Funktion erhält also hier das vorhandene Element.
Jedes Ziel in unserem Zielarray gibt also ein neues Element zurück.
In diesem neuen Array möchte ich also eine Reihe von J mit X-Elementen haben.
Also werde ich hier nur einen Listeneintrag zurückgeben.
Welches ist sie ist natürlich Ex.
Und das Listenelement, ich möchte meinen Goldtext ausgeben, kein Ziel hier ist das JavaScript-Objekt, das wir in Ihrem ursprünglichen Array haben,
da diese Funktion auf jedem Element im ursprünglichen Array ausgeführt wird und Ihnen das Objekt in
der ursprünglichen Rate oder den Daten gibt Stück im ursprünglichen Array als Argument.
Das Ziel hier ist also das Objekt, das wie dieses Jahr aussieht.
Ich interessiere mich also nur für den Text hier.
Und wieder können wir den Text ausgeben, indem wir hier einen JavaScript-Ausdruck ausgeben.
Daher müssen wir hier geschweifte Klammern in unserem J is X-Code einfügen, und wir haben hier einen Zielpunkttext.
Mein Ausdruck ist, dass ich auf die Texteigenschaft des Goldobjekts zugreife.
Was jetzt hier passiert, ist, dass ich mein Array von einfachen JavaScript-Objekten einem Array von J is X-Elementen und einem solchen Array
von G zuordne. S. Wie Sie gelernt haben, ist X-Elemente Render-Rechnung.
Jetzt Gesichtssicherheit.
Sie sehen, das überlistet meine Kernkompetenzen wieder.
Jetzt erhalten wir auch eine Warnung bezüglich eines eindeutigen Schlüssels, der sich darauf bezieht, wie die Reaktion das DOM wiedergibt und
dass es dies effizient tun möchte.
Mehr darüber erfahren Sie in meinem React, dem vollständigen Leitfaden.
Wenn Sie also Datenlisten mit dieser Technik ausgeben, müssen Sie jedem Element, das Sie in
der Liste rendern, eine spezielle Requisite hinzufügen.
In diesem Fall zu jedem Listenelement.
Und das ist die Schlüsselstütze, die eine Requisite ist, die sie selbst versteht.
Und hier möchte ich Ziel I ausgeben. D. D. nochmal.
Eingewickelt in geschweifte Klammern.
Weil dies ein regulärer JavaScript-Ausdruck ist.
Jetzt mit Papa bekommen wir keine Warnung und wir bekommen unsere Kursziele.
So geben wir eine Datenliste aus.
Damit sieht das ziemlich gut aus.
Wir geben unsere Datenliste aus.
Warum arbeiten wir jetzt nicht daran, einige Funktionen hinzuzufügen, mit denen wir unsere eigenen Ziele hinzufügen können?
Das wäre ein schöner nächster Schritt.