Aus dem Kurs: React Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Regeln von Hooks

Regeln von Hooks – Tutorial zu React.js

Aus dem Kurs: React Grundkurs

Gratismonat starten Für Ihr Team erwerben

Regeln von Hooks

“

Die einzige Möglichkeit, Lifecycle- und State-Logik mit Function Components abzubilden, ist über React Hooks. Bevor wir diese im Detail anschauen, sollten Sie noch die drei Grundregeln von Hooks verinnerlichen. Keine Angst, diese sind sehr einfach. Hooks fangen immer mit dem Präfix use an, so bspw. useState oder useContext. Das bringt den Vorteil, dass direkt zu erkennen ist, was ein Hook ist und was nur ein simpler Funktionsaufruf. Wichtig ist diese Regel aber auch dann, wenn Sie irgendwann eigene sogenannte Custom Hooks schreiben. React muss in der Lage sein, Hooks bei jedem Funktionsaufruf direkt zu erkennen, deswegen dürfen Hooks nicht verschachtelt werden. Sie können also Hooks definieren und dann ignorieren, Sie können aber Hooks nicht erst in einem if oder in einem Loop definieren. Diese Regel besagt daher, Hookaufrufe nur auf Top-Level. Die letzte Regel besagt, dass Hooks nur in React Function Components oder anderen Hooks verwendet werden dürfen. Sie können also bspw…

Inhalt