Herausforderung: Sichtbarkeit Mit State Umschalten
Aufgabe
Erstellung einer Komponente mit einem Button und einem Textabsatz. Implementierung der erforderlichen Logik mit dem useState-Hook, um die Sichtbarkeit des Textabsatzes beim Klicken auf den Button umzuschalten.
Anweisungen
- Importieren des
useState-Hooks aus der React-Bibliothek. - Deklaration einer Statusvariable mit dem Namen
isVisibleunter Verwendung desuseState-Hooks. Initialisierung mit dem Wertfalse. - Implementierung einer Funktion mit dem Namen
toggleVisibility, die beim Aufruf den StatusisVisiblezwischentrueundfalseumschaltet. - Verwendung der Funktion
toggleVisibilityalsonClick-Handler für den Button.
- Einfügen einer
import-Anweisung zum Importieren des entsprechenden Hooks aus der React-Bibliothek. - Für diese Aufgabe wird der
useState-Hook verwendet, da der Status der Absatzsichtbarkeit verwaltet wird. - Zur Bestimmung des geeigneten Variablennamens für den Status die Funktion zur Statusänderung betrachten, die
setIsVisibleist. Das Präfix "set" entfernen und den ersten Buchstaben kleinschreiben, sodass der VariablennameisVisiblelautet. - Um die Funktion
toggleVisibilitybeim Klicken auf den Button aufzurufen, diese als Wert für dasonClick-Attribut des Buttons zuweisen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 2
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Großartig!
Completion Rate verbessert auf 4
Herausforderung: Sichtbarkeit Mit State Umschalten
Swipe um das Menü anzuzeigen
Aufgabe
Erstellung einer Komponente mit einem Button und einem Textabsatz. Implementierung der erforderlichen Logik mit dem useState-Hook, um die Sichtbarkeit des Textabsatzes beim Klicken auf den Button umzuschalten.
Anweisungen
- Importieren des
useState-Hooks aus der React-Bibliothek. - Deklaration einer Statusvariable mit dem Namen
isVisibleunter Verwendung desuseState-Hooks. Initialisierung mit dem Wertfalse. - Implementierung einer Funktion mit dem Namen
toggleVisibility, die beim Aufruf den StatusisVisiblezwischentrueundfalseumschaltet. - Verwendung der Funktion
toggleVisibilityalsonClick-Handler für den Button.
- Einfügen einer
import-Anweisung zum Importieren des entsprechenden Hooks aus der React-Bibliothek. - Für diese Aufgabe wird der
useState-Hook verwendet, da der Status der Absatzsichtbarkeit verwaltet wird. - Zur Bestimmung des geeigneten Variablennamens für den Status die Funktion zur Statusänderung betrachten, die
setIsVisibleist. Das Präfix "set" entfernen und den ersten Buchstaben kleinschreiben, sodass der VariablennameisVisiblelautet. - Um die Funktion
toggleVisibilitybeim Klicken auf den Button aufzurufen, diese als Wert für dasonClick-Attribut des Buttons zuweisen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 2