Menene React Fragments kuma me dalilan da yake amfani da su?

Question

Accepted Answer

Bahagi dole ne ta mayar da **ainihi gida daya**, amma sau da yawa ba kina so in ƙari `

` wrapper kawai don gamsar da wannan ƙa'ida (zai iya karya CSS layouts kamar fl/grid ko HTML structures kamar tables). **Fragment** ta tattara yara **ba tare** da ƙara wani DOM node. ```jsx function TableRow() { return ( <> {/* Fragment — produces NO extra element in the DOM */} Name Email ); } ``` Ko da ka yi amfani da `

` a nan a maimakon, za ka sami HTML maras inganci (`

…`), kuma tebur zai karye. Fragment kawai tana bada biyun ``s. ## Gajere vs cikakken syntax ```jsx <>... // short syntax (most common) // full syntax — needed when you must pass a key ... ``` Yi amfani da cikakken nuni lokacin da kake bada **jerin fragments**, tun da gajere `<>` ba za ta iya karɓar `key`: ```jsx {items.map(item => (

{item.term}

{item.def}

))} ``` ## Me ya sa ya dadi Fragments suna kiyaye DOM a tsabta (babu "wrapper div soup"), suna guje wa tsinin structures na semantic/layout-sensitive, da kuma suna rage adadi na nodes kaɗan — duka tare da sifili na aiki na lokaci.