React Componet richtig auslagern

9GRAMM

Mitglied
Ich möchte eine kleine Abschnitt aus der App.js auslagern.

So sieht es momentan bei App.js aus und zeigt die richtige Information:
Code:
1643131379831.png
Web: (Rot markiert)
1643131447409.png

Nun möchte ich es lerne die Komponenten richtig aufzuteilen und habe ein neu Component (infoDisplay.js) erstellt: (nicht sicher ob es Korrekt ist)
1643131653490.png

Die Frage ist ob es Inhaltlich in File "infoDisplay.js" alles korrekt ist und wie soll dann Aufruf in App.js aussehen?
Ich habe mehrere Varianten aus verschiedenen Tutorials ausprobiert, leider vergeblich. Hier ist z.B. eine von der Versuchungen:
1643132012723.png

Bitte um die Hilfe 🙏
 

Ähnliche Java Themen

Neue Themen


Oben