Что такое HOC

HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Это паттерн для повторного использования кода, похожий на higher-order функции в JavaScript. Пример: ```jsx const withLogger = (WrappedComponent) => { return (props) => { console.log(`Rendering ${WrappedComponent.name}`); return ; }; }; const Button = () => Click; const ButtonWithLogger = withLogger(Button); ``` Особенности: - Не мутирует оригинальный компонент - Принимает и передает пропсы обернутому компоненту - Может добавлять новые пропсы или изменять поведение - Часто используется в библиотеках (например, connect в Redux) Важно избегать создания HOC внутри render, чтобы не терять производительность.