Benutzerdefinierte Hooks

Teil des React-Kurses

Du hast eine Schublade gebaut, die auf- und zugeht. Drei useState-Zeilen und ein Handler, der einen Boolean umklappt. Dann dasselbe für ein Dropdown, und noch einmal für ein Modal, und noch einmal für einen "Mehr anzeigen"-Link. Vier Komponenten enthalten jetzt dieselben sechs Zeilen, und wenn du entscheidest, dass sich der Schalter auch seinen letzten Zustand merken soll, darfst du sie alle ändern und eine...

Ein eigener Hook ist die Lösung, und er ist weit weniger exotisch, als der Name vermuten lässt. Es ist eine ganz normale JavaScript-Funktion, deren Name mit use beginnt und die in ihrem Inneren Reacts eigene Hooks aufruft. Das ist die ganze Definition. Es gibt keine besondere Syntax, keine Anmeldung, nichts, was man aus React importieren müsste, um einen zu deklarieren.