Что такое компонент высшего порядка

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