Parameter
Was ist das „props“-Objekt?
Mit Hilfe des „props“-Objekts können Parameter an eine React-Komponente übergeben werden. Dabei werden beim Aufruf der Komponente die Parameter wie HTML-Attribute übergeben. Innerhalb der Komponente wird mit „this.props.parametername“ auf den entsprechenden Parameter zugegriffen:
index.html:
index.js:
Ergebnis:
Funktionsweise des „props“-Objekts
Variablen übergeben
Sollen Variablen an eine Komponente übergeben werden, so werden die Variablen in geschweifte Klammern gesetzt:
index.html:
index.js:
Ergebnis:
Auf die gleiche Art und Weise können ganze Objekte übergeben werden:
index.html:
index.js:
Ergebnis:
Von Komponente zu Komponente
Mit dem „props“-Objekt können Parameter bei verschachtelten Komponenten auch von einer Komponente zur nächsten weitergegeben werden:
index.html:
index.js:
Ergebnis:
Parameter im Konstruktor
Wenn eine Komponente über einen Konstruktor verfügt, sollte das „props“-Objekt auch an den Konstruktor und den Konstruktor der Eltern-Komponente übergeben werden:
index.html:
index.js:
Ergebnis:
