--- title: Higher-Order Components localeTitle: Компоненты более высокого порядка --- ## Компоненты более высокого порядка В реакторе **компонент более** высокого **порядка** (HOC) - это функция, которая принимает компонент и возвращает новый компонент. Программисты используют HOC для обеспечения **повторного использования компонентной логики** . Если вы использовали Redux - х `connect` , вы уже работали с более высоким порядком компонентами. Основная идея: ```jsx const EnhancedComponent = enhance(WrappedComponent); ``` Куда: * `enhance` - это компонент `enhance` высокого порядка; * `WrappedComponent` - это компонент, который вы хотите улучшить; а также * `EnhancedComponent` - это новый компонент. Это может стать телом `enhance` HOC: ```jsx function enhance(WrappedComponent) { return class extends React.Component { render() { const extraProp = 'This is an injected prop!'; return (