Что такое HOC в React

HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Это паттерн для повторного использования кода, похожий на higher-order функции в JavaScript. Пример: ```jsx const withLogger = (WrappedComponent) => { return (props) => { console.log('Props:', props); return ; }; }; const Button = ({ text }) => {text}; const ButtonWithLogger = withLogger(Button); ``` Основные особенности: - Не мутирует оригинальный компонент - Принимает компонент, возвращает новый - Позволяет абстрагировать общую логику - Можно композировать несколько HOC Используется для: - Логирования - Управления состоянием - Авторизации - Инжекции пропсов