Cómo utilizar el gancho useMemo de React

¡Descubre para qué sirve el gancho useMemo de React y cómo trabajar con él!

Primero, consulta mi introducción a los ganchos de React , si eres nuevo en ellos.

Un gancho de React que a veces uso es useMemo.

import React, { useMemo } from 'react'

Este gancho se utiliza para crear un valor memorizado.

Este gancho es muy similar a useCallback , la diferencia es que useCallbackdevuelve una devolución de llamada memorizada y useMemodevuelve un valor memorizado, el resultado de esa llamada de función. El caso de uso también es diferente. useCallbackSe utiliza para devoluciones de llamadas pasadas a componentes secundarios.

 

A veces es necesario calcular un valor, ya sea mediante un cálculo complejo o recurriendo a la base de datos para realizar una consulta costosa o a la red.

Usando este gancho, esta operación se realiza solo una vez, luego el valor se almacenará en el valor memorizado y la próxima vez que quieras referenciarlo, lo obtendrás mucho más rápido.Te recomendamos Skins de Fortnite

Aquí te explicamos cómo usarlo:

const memoizedValue = useMemo(() = expensiveOperation())

Asegúrese de agregar esa matriz vacía como segundo parámetro a useMemo(), de lo contrario, no se producirá ninguna memorización.

Si necesita pasar argumentos, también debe pasarlos en la matriz:

const memoizedValue = useMemo(() = expensiveOperation(param1, param2), [param1, param2])

Si uno de los parámetros cambia cuando intenta acceder al valor, el valor, por supuesto, se calculará sin memorización.

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Cómo utilizar el gancho useMemo de React

Primero, consulta mi introducción a los ganchos de React , si eres nuevo en ellos. ¡Descubre para qué sirve el gancho useMemo de React y cómo trabajar con

programar

es

2025-01-20

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente