React · Junior · Frage 7 von 75
Wie gibt man aus einer Komponente zwei benachbarte Elemente ohne zusätzlichen DOM-Wrapper zurück?
- 1Ein Array ohne Keys zurückgeben:
return [<A />, <B />] - 2Das geht nicht - eine Komponente fügt immer ein
<div>hinzu - 3Sie in ein Fragment packen:
<>...</>oder<Fragment>
Antwort zeigen
Richtige Antwort: Sie in ein Fragment packen: <>...</> oder <Fragment>
Erklärung
Eine Komponente muss eine einzige Wurzel zurückgeben. Ein Fragment gruppiert Elemente, ohne einen DOM-Knoten hinzuzufügen. Braucht das Fragment einen key (z. B. in einer Liste), nutze die lange Form <Fragment key={id}>. Ein Array ist auch erlaubt, aber jedes Element braucht einen key, sonst gibt es eine Warnung.