React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Was ist der useState-Hook in React?
Was ist der useState-Hook in React?
Antwort
useState ist ein React-Hook, der den lokalen State in einer Funktionskomponente verwaltet. Im Gegensatz zu regulären JavaScript-Variablen, die bei jedem Rendering zurückgesetzt werden, bewahrt useState den State-Wert zwischen aufeinanderfolgenden Renderings. Dieser Hook gibt ein Array zurück, das den aktuellen State-Wert und eine Funktion zum Aktualisieren enthält, und löst automatisch ein erneutes Rendering der Komponente aus, wenn sich der State ändert.
2Was ist die korrekte Syntax zur Deklaration von State mit useState?
Was ist die korrekte Syntax zur Deklaration von State mit useState?
Antwort
Die korrekte Syntax verwendet Array-Destructuring, um den State-Wert und seine Update-Funktion zu extrahieren. Per Konvention wird die Update-Funktion mit 'set' gefolgt vom State-Variablennamen in camelCase präfixiert. Diese Konvention verbessert die Code-Lesbarkeit und ist in der React-Community weit verbreitet. Die Reihenfolge der Elemente im von useState zurückgegebenen Array ist immer gleich: aktueller Wert zuerst, Update-Funktion zweiter.
3Was passiert beim Aufruf einer State-Update-Funktion?
Was passiert beim Aufruf einer State-Update-Funktion?
Antwort
Wenn eine State-Update-Funktion aufgerufen wird, plant React ein neues Rendering der Komponente mit dem neuen State-Wert. Das Update ist nicht sofort, sondern asynchron, was bedeutet, dass der State-Wert nicht sofort nach dem Aufruf geändert wird. React bündelt mehrere State-Updates zur Leistungsoptimierung und vermeidet das Auslösen unnötiger Renderings. Diese Batching-Strategie verbessert die Anwendungsleistung erheblich.
Wie aktualisiert man State basierend auf dem vorherigen Wert?
Können mehrere useState-Hooks in derselben Komponente verwendet werden?
+19 Interview-Fragen
Weitere React / Next.js-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
Komponentenlebenszyklus
React Router
Zustandsverwaltung mit Context
Formulare & Controlled Components
Datenabruf & API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Grundlagen
TypeScript mit React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigation in Next.js
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware & Auth
React Testing
Zustand State Management
React Performance-Optimierung
Error Boundaries & Error Handling
Advanced React Patterns
Erweiterte Next.js-Funktionen
Next.js Deployment & Produktion
Architecture & Design Patterns
React Server Components
Next.js Internationalisierung
React Sicherheit & Best Practices
Meistere React / Next.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten