Gebruik van de hook useMemo in React-Codevoorbeelden

import React, { useMemo } from 'react';

// onze component
function MyComponent() {
  // useMemo zal alleen de gememoriseerde waarde opnieuw berekenen wanneer een van de
  // afhankelijkheden is gewijzigd
  const memoizedValue = useMemo(() => calculateValue(), [dependency1, dependency2]);
 
  return (
    <div>{memoizedValue}</div>
  );
}
 
// een functie die lang duurt om uit te voeren
function calculateValue() {
  // ...
}