Как работает HOC

HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Это паттерн для повторного использования кода, похожий на декораторы. Пример: ```jsx const withLogger = (WrappedComponent) => { return (props) => { console.log('Component props:', props); return ; }; }; const Button = ({ text }) => {text}; const ButtonWithLogger = withLogger(Button); ``` Ключевые особенности: 1. Не изменяет оригинальный компонент, а создаёт обёртку 2. Может добавлять props (пропс-проксинг) 3. Часто используется для логики авторизации, трекинга, стилизации 4. Может вызывать проблемы с refs (используйте React.forwardRef) Альтернатива — хуки, которые часто проще в использовании.