React-Grundlagen
JSX, Komponenten, Props, State, Events, bedingtes Rendering, Listen & Keys
1Was ist JSX in React?
Was ist JSX in React?
Antwort
JSX ist eine syntaktische Erweiterung von JavaScript, die es ermöglicht, HTML-ähnlichen Code direkt in JavaScript zu schreiben. Er wird von Tools wie Babel in React.createElement()-Funktionsaufrufe transpiliert. JSX macht den Code lesbarer und erleichtert die UI-Erstellung, indem Logik und Rendering in derselben Datei kombiniert werden.
2Wie bindet man einen JavaScript-Ausdruck in JSX ein?
Wie bindet man einen JavaScript-Ausdruck in JSX ein?
Antwort
JavaScript-Ausdrücke werden in JSX eingebunden, indem man sie in einfache geschweifte Klammern setzt. Um beispielsweise eine Variable name anzuzeigen, schreibt man {name}. Diese Syntax ermöglicht das Einfügen dynamischer Werte, das Aufrufen von Funktionen oder das Auswerten von Ausdrücken direkt im Rendering der Komponente.
3Was ist der Hauptunterschied zwischen einer funktionalen Komponente und einer Klassenkomponente in React?
Was ist der Hauptunterschied zwischen einer funktionalen Komponente und einer Klassenkomponente in React?
Antwort
Eine funktionale Komponente ist eine einfache JavaScript-Funktion, die JSX zurückgibt, während eine Klassenkomponente React.Component erweitert und eine render()-Methode verwendet. Seit der Einführung von Hooks in React 16.8 können funktionale Komponenten state und Seiteneffekte handhaben, wodurch Klassenkomponenten in modernen Projekten weniger notwendig sind.
Was ist eine prop in React?
Was ist state in React und wie unterscheidet er sich von props?
+17 Interview-Fragen
Weitere React Native-Interviewthemen
JavaScript-Grundlagen
React Native Grundlagen
React Hooks
TypeScript für React & React Native
React Native Komponenten & API
Styling & Layout in React Native
React Native Navigation
React Native State Management
Networking & API in React Native
Datenpersistenz
Formulare & Validierung
React Native Animationen
Native Modules & Bridge
Plattformspezifischer Code
Berechtigungen & Geräte-APIs
Push Notifications
React Native Testing
React Native Debugging
Build & Deployment
Expo vs React Native Bare
Performance-Optimierung
Speicherverwaltung
Architecture Patterns
React Native New Architecture
Security Best Practices
Offline-First Architecture
React Native CI/CD
Monorepo & Code-Sharing
Fortgeschrittene Themen
App-Lebenszyklus & Hintergrundausführung
Authentifizierung und Sitzungsverwaltung
Monitoring & Crash Reporting
Meistere React Native für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten