Bücher
HTML Lernen
CSS Lernen
JavaScript Lernen
Kurse
Quiz
Snippets
Tools
Allgemeine Werkzeuge
Passwort Generator
HTML-Editor
HTML-Encoder
Base 64 Konverter
Code-Vergleich
JSON-Verschönerer
CSS-Formatierer
Markdown-Konverter
Tailwind CSS Farbfinder
Verschlüsseln/Entschlüsseln mit Phrase
JS API Unterstützungsprüfer
Zahlenkonverter
CSS-Maker
CSS-Macher
CSS-Textschattenmacher
CSS-Textrotationsmacher
CSS-Kontur-Macher
CSS RGB-Schattenmacher
CSS-Transformationsmacher
CSS-Schriftartenmacher
Farbwerkzeuge
Farbwähler
Farben CMYK
Farben HWB
Farben HSL
Farbe Hex
Farbmixer
Farbkonverter
Farbe RGB
Farbkontrastprüfer
Farbverlauf
Saitenwerkzeuge
Längenrechner für Zeichenketten
MD5-Hash-Werkzeug
SHA256-Hash-Werkzeug
Umkehr-Werkzeug
URL-Codierer
URL-Dekodiere
Base64-Codierer
Base64-Dekodierer
Leerzeichen-Entferner
Kleinbuchstaben-Konverter
Großbuchstaben-Konverter
Wortzähler
Leerzeilen-Entferner
HTML-Reiniger
Binär-zu-Hex-Konverter
Hex-Binär-Dekodierer
Rot13-Konverter
Text zu Binär
Duplikate-Entferner
Change theme
Dark
Light
System
Bücher
HTML Lernen
CSS Lernen
JavaScript Lernen
Anleitung
How To Git
How To AngularJs
How To Linux
How To HTML
How To CSS
How To Apache
How To PHP
How To JavaScript
How To Java
How To NodeJs
How To Symfony
How To Python
React Grundlagen
1/25
Lebenszyklusmethoden werden hauptsächlich für ___ verwendet.
Verfolgung der Ereignishistorie
Verbesserung von Komponenten
Freigabe von Ressourcen
keines der oben Genannten
Weiter >
2/25
Was wird verwendet, um Daten von außen an eine Komponente zu übergeben?
setState
render mit Argumenten
PropTypes
props
Weiter >
3/25
Welches ist die korrekte Syntax für einen Button-Klick-Event-Handler foo?
<button onclick={this.foo()}>
<button onclick={this.foo}>
<button onClick={this.foo()}>
<button onClick={this.foo}>
Weiter >
4/25
Wie schreiben Sie einen Inline-Style, der font-size:12px und color:red in JSX angibt?
style={{font-size:12,color:'red'}}
style={{fontSize:'12px',color:'red'}}
style={fontSize:'12px',color:'red'}
style={{font-size:12px,color:'red'}}
Weiter >
5/25
Was ist 'state' in React?
Ein dauerhafter Speicher.
Ein interner Datenspeicher (Objekt) einer Komponente.
Weiter >
6/25
Was ist ReactJS?
Serverseitiges Framework
Benutzeroberflächen-Framework
Bibliothek zum Erstellen von Interaktionsinterfaces
Weiter >
7/25
Wie werden Daten in React behandelt?
state & props
Dienste & Komponenten
Weiter >
8/25
Wählen Sie die richtige Antwort über JSX.
JSX ist schneller, da es Optimierungen während der Kompilierung des Codes zu JavaScript durchführt
JSX ist eine Syntaxnotation für JavaScript XML
JSX bietet die Ausdruckskraft von JavaScript zusammen mit HTML, ähnlich einer Vorlagensyntax
Alle oben genannten Optionen
Weiter >
9/25
Was ist der Zweck der 'key'-Prop in einer React-Liste?
Um jedes Element eindeutig zu identifizieren
Für die Gestaltung der Elemente
Zur Leistungssteigerung
Zum Auslösen von Ereignissen
Weiter >
10/25
Was macht 'PureComponent' in React?
Verwaltet reine Funktionen
Verhindert erneutes Rendern, wenn Props und State sich nicht geändert haben
Räumt die Komponente auf
Verbessert die Leistung der Komponente
Weiter >
11/25
Wie erstellt man ein Ref in einer Klassenkomponente in React?
React.createRef()
React.ref()
this.ref.create()
new Ref()
Weiter >
12/25
Welche Methode ist notwendig, um in einer Klassenkomponente in React zu definieren?
componentDidMount()
shouldComponentUpdate()
render()
getDerivedStateFromProps()
Weiter >
13/25
Welche der folgenden Methoden ist kein Lebenszyklusmethod in React?
componentDidMount
shouldComponentRender
componentWillUnmount
getSnapshotBeforeUpdate
Weiter >
14/25
Wofür wird die 'Context' API in React verwendet?
Zur Leistungssteigerung
Zur Verwaltung des Lebenszyklus von Komponenten
Zum Austausch von Daten zwischen Komponenten ohne Prop-Drilling
Zur Handhabung von Formulareingaben
Weiter >
15/25
Was macht der 'useMemo'-Hook in React?
Er merkt sich einen berechneten Wert
Er spart Speichernutzung
Er ruft zuvor gerenderte Komponenten ab
Er merkt sich den Zustand der Komponente
Weiter >
16/25
Wie rendert man bedingt Komponenten in React?
Mit if-else-Anweisungen innerhalb von JSX
Mit dem ternären Operator innerhalb von JSX
Mit einer for-Schleife innerhalb von JSX
Mit switch-case-Anweisungen innerhalb von JSX
Weiter >
17/25
In welcher Lebenszyklusmethode führen Sie HTTP-Anfragen in einer Klassenkomponente aus?
componentDidMount
componentWillMount
componentDidUpdate
componentWillUnmount
Weiter >
18/25
Was macht 'React.Fragment'?
Gruppiert eine Liste von Kindern, ohne zusätzliche Knoten zum DOM hinzuzufügen
Ist eine Methode zur Leistungsoptimierung
Wird verwendet, um eine Komponente in kleinere Komponenten zu zerlegen
Ist eine Möglichkeit, Komponenten asynchron zu rendern
Weiter >
19/25
Wie handhabt React das Absenden von Formularen?
Mithilfe eines Ereignishandlers am Formularelement
Durch automatisches Senden einer POST-Anfrage
Mit einer speziellen React-Bibliothek für das Absenden von Formularen
React kann das Absenden von Formularen nicht handhaben
Weiter >
20/25
Was ist der Zweck des 'useCallback'-Hooks in React?
Um eine Funktionsinstanz zwischen Renderings zu merken
Um eine Funktion als Rückruf nach Zustandsänderungen aufzurufen
Zur effizienten Handhabung von API-Aufrufen
Zur Aktualisierung des Zustands basierend auf dem vorherigen Zustand
Weiter >
21/25
Wofür wird das Context API in React verwendet?
Zur Verwaltung des globalen Zustands
Zur Handhabung von HTTP-Anfragen
Zum Anschluss an Datenbanken
Zur Leistungsoptimierung
Weiter >
22/25
Wofür wird die 'key'-Prop in React-Listen verwendet?
Zur Leistungssteigerung
Zur eindeutigen Identifizierung jedes Elements
Für die Gestaltung
Zur Aktivierung des virtuellen DOM von React
Weiter >
23/25
Wie teilt man den Zustand zwischen zwei Komponenten, die in React nicht Eltern-Kind sind?
Durch globale Variablen
Mit dem Context-API
Durch Weitergabe von Props durch Zwischenkomponenten
Mit einer Zustandsverwaltungsbibliothek wie Redux
Weiter >
24/25
Wofür wird 'useReducer' in React verwendet?
Zur Verwaltung des Komponenten-Lebenszyklus
Für die Zustandsverwaltung mit einer Reduziererfunktion
Zur Reduzierung der Größe des React-App-Bündels
Zur Optimierung der Rendering-Leistung
Weiter >
25/25
Was sind 'Fragments' in React?
Werkzeuge zur Speicherverwaltung
Komponenten, die mehrere Elemente zurückgeben können
Ein Muster für die Prop-Validierung
Teile des Zustands einer Komponente
Weiter >
Um das Ergebnis des Quiz zu erhalten, gib bitte deine E-Mail-Adresse an (optional)..
Zertifikat erhalten
Es scheint, als hätten Sie noch keine Fragen beantwortet. Bitte geben Sie Ihre Antworten, um fortzufahren.