Cad a dhéanann React.memo agus cathain is fiú a úsáid?

Question

Accepted Answer

`React.memo` a dhóbhreathnóidh comhpháirt ionas go **sceimh athuasláithriú agus a próp a bheidh go geal-dhomhain ar an rindreáil roimhe seo**. De réir réamhshocrú, athréarachaidh páiste gach uair a dhéanann a thuismitheoirí; is gearr-chiorcad `memo` air sin agus nó an próp nach raibh athrú ar fad. ```jsx const Row = React.memo(function Row({ item, onSelect }) { // re-renders only when `item` or `onSelect` reference changes return

onSelect(item.id)}>{item.name}

; }); ``` ## An geal: teastaíonn próp cobhsaí `memo` a dhéanfaidh **géal** comparáid. Má chuireann an tuismitheoir réad/eagar/feidhm nua gach rindreáil, tagann an comparáid ar fhailí i gcónaí agus ní dhéanann `memo` rud ar bith: ```jsx function List({ items }) { // ❌ a NEW function every render → Row's onSelect prop always "changes" return items.map(i => pick(id)} />); } ``` Soláthair tríd an bhfeidhm a fhíchealú le `useCallback`: ```jsx const onSelect = useCallback(id => pick(id), []); // same reference across renders return items.map(i => ); ``` ## Cathain is fiú é - Comhpháirt a **thuairiscitheoidh go minic** le próp **céanna** agus ní bheidh a rindreáil fánach (liosta mór, fochrainn chostasach). ## Cathain nach bhfuil sé - Is iomaí comhpháirt atá saor; tá costas ag an comparáid féin, agus cuireadh a dhóbhreathnú ar fad a chur le castacht ar fhianaise nó buntáiste. **Próifíl ar dtús** le Profiler DevTools React, agus ansin déan cuimhne ar an spréachta a cruthaíodh — ná déan cuimhne ar dhall ar dhall.