prácticaintermedio
Memorizar callbacks
Un padre con un contador pasa onDelete a una lista memoizada. Cada render recrea onDelete, invalidando memo en todos los items. Usa useCallback para que los items dejen de re-renderizar cuando solo cambia el contador.
Objetivos
- 1.Envuelve
onDeleteenuseCallbackcon las dependencias correctas - 2.Verifica en la consola que los items ya no se re-renderizan al incrementar el contador
- 3.Comprende por qué
memo(Item)sinuseCallbackno es suficiente
tu código
Pista
useCallback(fn, [deps]) devuelve la misma referencia de función entre renders siempre que las deps no cambien. memo() compara props por referencia — si la función cambia, el hijo siempre re-renderiza.
Conceptos relacionados
¿Fue útil?
Inicia sesión para dar feedback