Использование хука useMemo в React-Примеры кода

import React, { useMemo } from 'react';

// наш компонент
function MyComponent() {
  // useMemo пересчитает значение мемоизированного значения только при изменении одного из
  // зависимости изменилось
  const memoizedValue = useMemo(() => calculateValue(), [dependency1, dependency2]);
 
  return (
    <div>{memoizedValue}</div>
  );
}
 
// функция, которая занимает много времени для выполнения
function calculateValue() {
  // ...
}