React · Junior · Pytanie 7 z 75
Jak zwrócić z komponentu dwa sąsiednie elementy bez dodatkowego wrappera w DOM?
- 1Zwrócić tablicę bez kluczy:
return [<A />, <B />] - ✓Poprawna odpowiedź: Opakować je we fragment:
<>...</>lub<Fragment> - 3To niemożliwe - komponent zawsze dodaje
<div>
Wyjaśnienie
Komponent musi zwracać jeden korzeń. Fragment grupuje elementy bez dodawania węzła DOM. Jeśli fragment potrzebuje key (np. w liście), użyj pełnej formy <Fragment key={id}>. Tablica też jest dozwolona, ale każdy element potrzebuje key, inaczej pojawi się ostrzeżenie.