Uso del gancho useMemo en React-Ejemplos de código

import React, { useMemo } from 'react';

// nuestro componente
function MyComponent() {
  // useMemo solo recalculará el valor memorizado cuando una de las
  // dependencias haya cambiado
  const memoizedValue = useMemo(() => calculateValue(), [dependency1, dependency2]);
 
  return (
    <div>{memoizedValue}</div>
  );
}
 
// una función que tarda mucho en ejecutarse
function calculateValue() {
  // ...
}