En los documentos de reacción que he leído
Pase una devolución de llamada en línea y una matriz de dependencias. useCallback devolverá una versión memorizada de la devolución de llamada que solo cambia si una de las dependencias ha cambiado. Esto es útil cuando se pasan devoluciones de llamada a componentes secundarios optimizados que se basan en la igualdad de referencia para evitar representaciones innecesarias (por ejemplo, shouldComponentUpdate).
Está bien, debemos evitar renderizaciones innecesarias para los niños, pero para el componente actual que usa useCallback , ¿qué ofrece realmente useCallback ?
Por lo que sé, useCallback se trata de evitar que el componente actual vuelva a generar la misma función una y otra vez (corríjame si me equivoco) y mantendrá una referencia a la misma función (sin crear una nueva) en cuanto a la matriz de dependencia, incluya las mismas referencias.
¿Es correcto? ¿O tenemos algo más profundo?
Revisé esta excelente respuesta , pero se trata de evitar que los niños vuelvan a renderizar, estoy buscando qué significa useCallback para el componente actual.
useCallback no mejora el rendimiento del componente en el que está definido (de hecho, lo empeora un poco, ya que React tiene un poco más de trabajo que hacer en cada procesamiento). No hará ninguna diferencia en absoluto en la frecuencia con la que se vuelve a renderizar el componente.
En cada representación de su componente, JS todavía está 'creando' una nueva función cada vez. useCallback simplemente eliminará esta nueva función si las dependencias no han cambiado y devolverá la anterior.
useCallback es útil en dos casos:
Pasa la devolución de llamada a un componente que usa React.memo (para asegurarse de que solo se vuelva a procesar si cambian los accesorios). Sin useCallback, ese componente secundario se volvería a procesar cada vez que se procesa el padre.
Usted (o un componente secundario o un enlace personalizado) desea utilizar la devolución de llamada en un useEffect y desea reducir la cantidad de veces que se ejecuta el efecto.