Was sind Hooks
Hooks sind spezielle React-Funktionen, deren Namen mit use beginnt. Sie dienen vor allem dazu, Komponenten mit einem “State”, also einem veränderbaren Zustand, zu versehen, und um Effekte außerhalb der Komponente auszulösen.
Hooks können nur in Funktions-Komponenten verwendet werden, nicht aber in Klassen-Komponenten. Funktions-Komponenten mit Hooks sind die Zukunft von React, Klassen-Komponenten sollten für neue Projekte nicht mehr benutzt werden, auch wenn sie auf absehbare Zeit nicht aus React verschwinden werden.
https://de.reactjs.org/docs/hooks-intro.html
Regeln für Hooks
Hooks nur in Funktions-Komponenten verwenden, nicht in Klassen-Komponenten oder außerhalb von React-Komponenten. (React Hooks können in eigenen Hooks verwendet werden, diese aber wiederum nur in Funktions-Komponenten.)
Nur auf oberster Ebene einer Komponente ausführen, also nicht innerhalb einer Schleife oder einer if-else-Bedingung. Damit ist garantiert, dass Hooks immer in derselben Reihenfolge aufgerufen werden.
Hooks möglichst am Anfang der Komponente verwenden.