Какой опыт работы с HOC

HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Часто используется для повторного использования кода, управления состоянием, логики авторизации и т.д. Пример: ```jsx const withLogger = (WrappedComponent) => { return (props) => { console.log(`Rendering ${WrappedComponent.name}`); return ; }; }; const Button = () => Click; const ButtonWithLogger = withLogger(Button); ``` Основные нюансы: 1. Не изменяет оригинальный компонент, а создаёт обёртку 2. Пропсы должны прокидываться явно (`{...props}`) 3. Может конфликтовать с другими HOC (проблема prop collisions) 4. React Hooks частично заменили необходимость в HOC Использовал для: - Логирования - Управления доступом (auth) - Подписки на внешние данные - Инъекции контекста