Что такое HOC (Higher-Order Component)?

Middle
258 просмотров
AFK Offer AI

HOC — это функция, которая принимает компонент и возвращает новый компонент с дополнительной функциональностью. Классический пример — withAuth, withRouter, connect из Redux. HOC не мутирует оригинальный компонент, а оборачивает его. Проблемы: «wrapper hell» при множественном оборачивании, конфликты пропсов, потеря ref (решается через forwardRef). Сейчас кастомные хуки заменяют большинство HOC, но понимать паттерн нужно.

Следующий вопрос

Как реализовать таблицу с сортировкой и фильтрацией?