Uso del gancio useMemo in React-Esempi di codice

import React, { useMemo } from 'react';

// Il nostro componente
function MyComponent() {
  // useMemo ricalcolerà il valore memorizzato solo quando una delle
  // dipendenze sarà cambiata
  const memoizedValue = useMemo(() => calculateValue(), [dependency1, dependency2]);
 
  return (
    <div>{memoizedValue}</div>
  );
}
 
// una funzione che richiede molto tempo per essere eseguita
function calculateValue() {
  // ...
}