Nutzung des Hooks useMemo in React-Code Beispiele

import React, { useMemo } from 'react';

// unsere Komponente
function MyComponent() {
  // useMemo wird nur den gemerkten Wert neu berechnen, wenn eine der
  // Abhängigkeiten sich geändert hat
  const memoizedValue = useMemo(() => calculateValue(), [dependency1, dependency2]);
 
  return (
    <div>{memoizedValue}</div>
  );
}
 
// eine Funktion, die lange Zeit zum Ausführen braucht
function calculateValue() {
  // ...
}