useMemo не үшін пайдаланылады? Практикалық мысал келтіріңіз.

useMemo React-те есептелген мәндерді мемоизациялау үшін пайдаланылады, бұл компоненттің әр рендерінде қымбат есептеулердің қайталануын болдырмайды.

Мысал: сіз үлкен сан массивінің сомасын есептейтін компонентті қарастырайық. useMemo болмаса, бұл операция әр рендер кезінде орындалады, тіпті массив өзгермеген болса да.

import React, { useMemo } from 'react';

function SumComponent({ numbers }) {
  const total = useMemo(() => {
    console.log('Сумманы есептеу');
    return numbers.reduce((acc, num) => acc + num, 0);
  }, [numbers]);

  return <div>Жиынтық: {total}</div>;
}

Мұнда жиынтық тек numbers массиві өзгерген кезде қайта есептеледі. Бұл өнімділікті арттырады, әсіресе күрделі есептеулер кезінде.