Apa iku React Fragments lan napa nggunaake?

Question

Accepted Answer

Sawijining komponen kudu bali kanthi **siji root element**, nanging asring ora pengen nambah wrapper `

` mung kanggo tumutuhing aturan kuwi (bisa methakaké CSS layouts kayata flex/grid utawa HTML structures kayata tables). **Fragment** ngumpulake children **tanpa** nambah DOM node. ```jsx function TableRow() { return ( <> {/* Fragment — produces NO extra element in the DOM */} Name Email ); } ``` Yen nggunakake `

` kene malah, bakal ndapet HTML sing ora sah (`

…`), lan table bakal methakaké. Fragment mung ngerender rong ``. ## Syntax singkat vs lengkap ```jsx <>... // short syntax (most common) // full syntax — needed when you must pass a key ... ``` Gunakake wujud lengkap yen ngerender **list of fragments**, amarga `<>` singkat ora bisa nangkul `key`: ```jsx {items.map(item => (

{item.term}

{item.def}

))} ``` ## Napa iku penting Fragments njaga DOM resik (ora ana "wrapper div soup"), njegég semantic/layout-sensitive structures, lan mula-mula ngurangi node count — kabeh kanthi zero runtime cost.