Aktuelle lerne ich gerade die ersten Hooks kennen und wie diese funktionieren.
Was sind Hooks
Hooks sind spezielle Funktionen, mit denen Komponenten React-Funktionen verwenden können, dabei klinken („einhaken“) wir uns in den Lebenszyklus der Komponente.
Hooks ermöglichen Funktionskomponenten den Zugriff auf Status- und andere React-Funktionen.
Wichtige Hooks
- useState: Zustand verwalten.
- useEffect: Seiteneffekte in die Komponente implementieren
- useRef: allgemeine Referenzen in der Komponente halten
Syntax
Hooks fangen immer mit den Wort use an.
Hooks können nur innerhalb von Funktionskomponenten verwendet werden.
Dürfen nicht in einer If Abfrage, Schleife, usw. verwendet werden, müssen gleich am Anfang der Komponentenfunktion verwendet werden.
useState
Mit dem useState Hook können Sie eine Zustandsvariable deklarieren. Es nimmt den Anfangszustand an und gibt ein Wertepaar zurück: den aktuellen Zustand und einer Updatefunktion, mit der Sie ihn aktualisieren können.
import React, { useState ] from 'react';