In React den State anheben | React Grundlagen
Bei den Beispielen der vergangenen Videos, wurde der State (Zustand) immer nur in der eigenen Komponenten eingesetzt. In der Praxis benötigen meist aber viele verschiedene Komponenten Zugriff auf den selben State.
Dies kann möglich gemacht werden, indem der State angehoben wird. Dabei definiert man den State im nächsten gemeinsamen Vorfahren und reicht dann den Zustand durch die Eigenschaften (props) an die entsprechenden Kinder Komponenten weiter.
Die Erkenntnisse aus diesem Video sind, dass es nur eine Quelle der Wahrheit geben sollte. Nur an dieser Stelle wird der State verändert. Der Zustand wird dann über die props nach unten gereicht. Um Informationen in die andere Richtung nach oben zu reichen, übergeben wir als props eine Funktion. Diese wird dann weiter unten im Komponentenbaum
mit den jeweiligen Daten ausgelöst.
Weitere Informationen:
▸ React Docs: https://de.reactjs.org/docs/lifting-s...
YouTube Playlists:
▸ React Grundlagen: • React.js Grundlagen
▸ JavaScript Grundlagen: • JavaScript Grundlagen
YouTube Videos:
▸ Was ist React: • Was ist React? | Moderne Webentwicklung mi...
▸ Einführung in VS Code: • Einführung in die VS Code Benutzeroberfläche!
▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...
▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Twitter: / fabianhiller
▸ LinkedIn: / fabianhiller
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram: / fabian.hiller
▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Impressum: https://www.sifa-digital.de/impressum/