Herausforderung: Sichtbarkeit Mit State Umschalten

Aufgabe

Erstellen Sie eine Komponente, die einen Button und einen Textabsatz enthält. Implementieren Sie die erforderliche Logik mit dem useState-Hook, um die Sichtbarkeit des Textabsatzes beim Klicken auf den Button umzuschalten.

Anweisungen

1. Importieren Sie den useState-Hook aus der React-Bibliothek.
2. Deklarieren Sie eine Statusvariable namens isVisible mit dem useState-Hook. Initialisieren Sie diese mit dem Wert false.
3. Implementieren Sie eine Funktion namens toggleVisibility, die beim Aufruf den Zustand isVisible zwischen true und false wechselt.
4. Verwenden Sie die Funktion toggleVisibility als onClick-Handler für den Button.

1. Fügen Sie eine import-Anweisung hinzu, um den entsprechenden Hook aus der React-Bibliothek zu importieren.
2. Für diese Aufgabe wird der useState-Hook verwendet, da der Zustand der Absatzsichtbarkeit verwaltet wird.
3. Um den passenden Variablennamen für den Zustand zu bestimmen, betrachten Sie die Funktion, die zum Setzen des Zustands verwendet wird, nämlich setIsVisible. Entfernen Sie das Präfix "set" und verwenden Sie einen Kleinbuchstaben am Anfang für den Variablennamen, der isVisible lauten sollte.
4. Um die Funktion toggleVisibility beim Klicken auf den Button aufzurufen, weisen Sie sie dem Attribut onClick des Buttons zu.