Приведи пример HOC

HOC (Higher-Order Component) — это функция, которая принимает компонент и возвращает новый компонент с дополнительной логикой. Пример: ```jsx const withLogger = (WrappedComponent) => { return function WithLogger(props) { useEffect(() => { console.log('Component mounted:', WrappedComponent.name); return () => console.log('Component unmounted:', WrappedComponent.name); }, []); return ; }; }; // Использование const Button = () => Click; const ButtonWithLogger = withLogger(Button); ``` В этом примере `withLogger` добавляет логирование при монтировании/размонтировании любого компонента, который в него передается. HOC полезны для: - Переиспользования логики - Добавления общих возможностей - Инъекции пропсов - Работы с контекстом