Что принимает React memo

React.memo — это HOC (Higher-Order Component), который оптимизирует производительность, предотвращая ненужные ререндеры функциональных компонентов. Он принимает:

1. Компонент (оборачиваемый компонент)
2. Опциональную функцию сравнения пропсов (arePropsEqual)

Если функция сравнения не передана, React.memo использует поверхностное сравнение пропсов (shallow compare).

Пример:

const MyComponent = React.memo(function MyComponent(props) {
  /* рендер с использованием пропсов */
});

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

Важно: React.memo не предотвращает ререндеры при изменении состояния внутри компонента или контекста.