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.
= .( () {
;
});
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:
function List({ items }) {
// ❌ a NEW function every render → Row's onSelect prop always "changes"
return items.map(i => <Row key={i.id} item={i} onSelect={id => pick(id)} />);
}
Soláthair tríd an bhfeidhm a fhíchealú le useCallback:
const onSelect = useCallback(id => pick(id), []); // same reference across renders
return items.map(i => <Row key={i.id} item={i} onSelect={onSelect} />);
Leabharlann de cheisteanna agallaimh TF le freagraí mionsonraithe — ó Shóisearach go Sinsearach.
Síntiús