Cad iad React Fragments agus cén fáth a n-úsáideann tú iad?

Question

Accepted Answer

Caithfidh comhpháirt **aon eilimint bhunúsach amháin** a thabhairt ar ais, ach go minic ní theastaíonn uait `

` breise a chur leis chun an riail sin a shásamh (d'fhéadfadh sé leagan amach CSS ar nós fl/grid nó struchtúir HTML ar nós táblaí a bhris). Grúpálaíonn **Fragment** páistí **gan** aon nód DOM a chur leis. ```jsx function TableRow() { return ( <> {/* Fragment — produces NO extra element in the DOM */} Name Email ); } ``` Dá n-úsáideofá `

` anseo ina áit, bhainfeá HTML neamhbhailí amach (`

…`), agus bhéarfadh an tábla briseadh. Dhéanann an Fragment na dhá `` a sholáthar go díreach. ## Comhréir ghearr vs iomlán ```jsx <>... // short syntax (most common) // full syntax — needed when you must pass a key ... ``` Úsáid an fhoirm iomlán agus tú ag sholáthar **liosta de Fragments**, ó nach féidir leis an fhoirm ghearr `<>` `key` a ghlacadh: ```jsx {items.map(item => (

{item.term}

{item.def}

))} ``` ## Cén fáth a bhfuil sé tábhachtach Coimeádann Fragments an DOM glan (gan "wrapper div soup"), cuireann siad stop ar struchtúir semantach/leagan amach-íogair a bhris, agus laghdaíonn siad an líomaad nóid go fíor-bheag — agus sin ar fad ag deonúchán costas fhillte i ngeall.