Что такое higher-order-components

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