React Grundlagen

1/25 ___ kann durchgeführt werden, wenn mehrere Elemente aus einer Komponente zurückgegeben werden müssen.
- Abstraktion
- Verpackung
- Isolation
- Einbettung
2/25 Wie greift man korrekt auf eine Funktion fetch() von einem h1-Element in JSX zu?
- <h1>{fetch()}</h1>
- <h1>${fetch()}</h1>
- <h1>{fetch}</h1>
- <h1>${fetch}</h1>
3/25 Was wird verwendet, um Daten von außen an eine Komponente zu übergeben?
- setState
- render mit Argumenten
- PropTypes
- props
4/25 Was passiert, wenn Sie setState() innerhalb der render()-Methode aufrufen?
- Wiederholte Ausgabe erscheint auf dem Bildschirm
- Doppelter Schlüssel-Fehler
- Stack-Überlauf-Fehler
- Nichts passiert
5/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'}}
6/25 Wie werden Daten in React behandelt?
- state & props
- Dienste & Komponenten
7/25 Arbiträre Eingaben von Komponenten werden als ___ bezeichnet.
- Schlüssel
- Props
- Elemente
- Ref
8/25 Ref wird verwendet, um auf ein Element oder eine Komponente zu verweisen, die von ___ zurückgegeben wird.
- react()
- render()
- reduce()
- refer()
9/25 In React, welcher Methode wird verwendet, um einen Kontext zu erstellen?
- React.createContext()
- React.createState()
- React.createComponent()
- React.createRef()
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
11/25 Wie erstellt man ein Ref in einer Klassenkomponente in React?
- React.createRef()
- React.ref()
- this.ref.create()
- new Ref()
12/25 Welche Methode ist notwendig, um in einer Klassenkomponente in React zu definieren?
- componentDidMount()
- shouldComponentUpdate()
- render()
- getDerivedStateFromProps()
13/25 Welche der folgenden Methoden ist kein Lebenszyklusmethod in React?
- componentDidMount
- shouldComponentRender
- componentWillUnmount
- getSnapshotBeforeUpdate
14/25 Wie erstellt man korrekt einen Zustand in einer Klassenkomponente?
```
class MyComponent extends React.Component { ... }
```
- this.state = { value: '' };
- const state = { value: '' };
- useState({ value: '' });
- setState({ value: '' });
15/25 Wie übergibt man eine Prop namens 'data' an eine Komponente namens 'MyComponent'?
- <MyComponent data={this.props.data} />
- <MyComponent props={data} />
- <MyComponent>{data}</MyComponent>
- <MyComponent data='data' />
16/25 Wofür wird der 'useState'-Hook in React verwendet?
- Zur Verwaltung des Zustands in funktionalen Komponenten
- Zum Verknüpfen des Zustands zwischen Komponenten
- Zur Aktualisierung des Zustands in Klassenkomponenten
- Zur Speicherung von Daten im lokalen Speicher des Browsers
17/25 Welche dieser Methoden ist ein korrekter Weg, um Ereignisse in React zu behandeln?
- <button onClick={this.handleClick}>Klick mich</button>
- <button onClick='handleClick()'>Klick mich</button>
- <button onClick={handleClick()}>Klick mich</button>
- <button handle='onClick'>Klick mich</button>
18/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
19/25 In welcher Lebenszyklusmethode führen Sie HTTP-Anfragen in einer Klassenkomponente aus?
- componentDidMount
- componentWillMount
- componentDidUpdate
- componentWillUnmount
20/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
21/25 Was ist der Zweck des 'useEffect'-Hooks?
- Zur Handhabung von Zustandsänderungen
- Zur Erstellung einer neuen Komponente
- Zur Ausführung von Nebeneffekten in funktionalen Komponenten
- Zum Anschließen an einen Redux-Store
22/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
23/25 Was ist 'prop drilling' in React?
- Das Weitergeben von Props durch mehrere Ebenen von Komponenten
- Eine Methode zur Definition von PropTypes in einer Komponente
- Das Aufspüren von Fehlern in Props
- Eine React-Bibliothek zur Handhabung von Eigenschaften
24/25 Wie optimiert man die Leistung für eine Liste von Elementen in React, die häufig neu gerendert werden?
- Mit shouldComponentUpdate
- Mit PureComponent
- Mit React.memo
- Mit useState
- Mit useEffect
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
Um das Ergebnis des Quiz zu erhalten, gib bitte deine E-Mail-Adresse an (optional)..

Es scheint, als hätten Sie noch keine Fragen beantwortet. Bitte geben Sie Ihre Antworten, um fortzufahren.

React Grundlagen

1/25 ___ kann durchgeführt werden, wenn mehrere Elemente aus einer Komponente zurückgegeben werden müssen.

2/25 Wie greift man korrekt auf eine Funktion fetch() von einem h1-Element in JSX zu?

3/25 Was wird verwendet, um Daten von außen an eine Komponente zu übergeben?

4/25 Was passiert, wenn Sie setState() innerhalb der render()-Methode aufrufen?

5/25 Wie schreiben Sie einen Inline-Style, der font-size:12px und color:red in JSX angibt?

6/25 Wie werden Daten in React behandelt?

7/25 Arbiträre Eingaben von Komponenten werden als ___ bezeichnet.

8/25 Ref wird verwendet, um auf ein Element oder eine Komponente zu verweisen, die von ___ zurückgegeben wird.

9/25 In React, welcher Methode wird verwendet, um einen Kontext zu erstellen?

10/25 Was macht 'PureComponent' in React?

11/25 Wie erstellt man ein Ref in einer Klassenkomponente in React?

12/25 Welche Methode ist notwendig, um in einer Klassenkomponente in React zu definieren?

13/25 Welche der folgenden Methoden ist kein Lebenszyklusmethod in React?

14/25 Wie erstellt man korrekt einen Zustand in einer Klassenkomponente?

15/25 Wie übergibt man eine Prop namens 'data' an eine Komponente namens 'MyComponent'?

16/25 Wofür wird der 'useState'-Hook in React verwendet?

17/25 Welche dieser Methoden ist ein korrekter Weg, um Ereignisse in React zu behandeln?

18/25 Wie rendert man bedingt Komponenten in React?

19/25 In welcher Lebenszyklusmethode führen Sie HTTP-Anfragen in einer Klassenkomponente aus?

20/25 Was macht 'React.Fragment'?

21/25 Was ist der Zweck des 'useEffect'-Hooks?

22/25 Was ist der Zweck des 'useCallback'-Hooks in React?

23/25 Was ist 'prop drilling' in React?

24/25 Wie optimiert man die Leistung für eine Liste von Elementen in React, die häufig neu gerendert werden?

25/25 Was sind 'Fragments' in React?