React · Middle · Frage 19 von 75
Was ist die Idee des Render-Props-Patterns?
- 1Die Komponente ruft zum Rendern eine übergebene Funktion auf
- 2Die Komponente rendert alle ihre Props als String ins DOM
- 3Props werden nur über die Methode
render()einer Klasse übergeben
Antwort zeigen
Richtige Antwort: Die Komponente ruft zum Rendern eine übergebene Funktion auf
Erklärung
<MouseTracker render={pos => <Cursor {...pos} />} /> - die Komponente besitzt die Logik, und der Aufrufer entscheidet, wie das Ergebnis gerendert wird. Die Funktion wird oft als children übergeben. Hooks haben das Pattern weitgehend ersetzt, nützlich bleibt es z. B. in virtualisierten Listen und Headless-Komponenten.