Sobes.tech
Middle+

Koje argumente prihvata React.memo pored samog komponenta?

sobes.tech АИ

Одговор од АИ

React.memo принимает два аргумента:

  1. Компонент, который нужно мемоизировать — обычно функциональный компонент.
  2. Функция сравнения (optional) — принимает два объекта props (prevProps и nextProps) и возвращает true, если props считаются равными и повторный рендер не нужен, или false, если нужно обновить компонент.

Пример использования с функцией сравнения:

const MyComponent = React.memo(function MyComponent(props) {
  // рендеринг
}, (prevProps, nextProps) => {
  // сравниваем только нужные поля
  return prevProps.value === nextProps.value;
});

Если функция сравнения не передана, React.memo делает поверхностное сравнение props по умолчанию.