React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1Was ist BrowserRouter in React Router?
Was ist BrowserRouter in React Router?
Antwort
BrowserRouter verwendet die History API des Browsers, um saubere URLs ohne Hash zu erstellen. Im Gegensatz zu HashRouter, das ein # in die URL einfügt, bietet BrowserRouter eine bessere Benutzererfahrung und SEO. Es erfordert jedoch eine Serverkonfiguration, um Routen in der Produktion korrekt zu verarbeiten.
2Welche Komponente sollte verwendet werden, um eine Route in React Router zu definieren?
Welche Komponente sollte verwendet werden, um eine Route in React Router zu definieren?
Antwort
Die Route-Komponente definiert eine Zuordnung zwischen einem URL-Pfad und einer anzuzeigenden Komponente. Sie muss innerhalb einer Routes-Komponente platziert werden, um korrekt zu funktionieren. Jede Route gibt einen path und ein element an, das gerendert wird, wenn die URL übereinstimmt.
3Wozu dient die Link-Komponente in React Router?
Wozu dient die Link-Komponente in React Router?
Antwort
Link erstellt Navigationslinks ohne die Seite neu zu laden. Im Gegensatz zum nativen HTML-Tag <a> fängt Link Klicks ab und verwendet die History API, um die URL zu ändern. Dies bewahrt den Anwendungszustand und bietet eine schnellere, reibungslosere Navigation.
Was ist die Rolle der Routes-Komponente?
Wie kann ein URL-Parameter wie :id in /user/:id abgerufen werden?
+17 Interview-Fragen
Weitere React / Next.js-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Hooks
Komponentenlebenszyklus
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