--- title: Higher-Order Components localeTitle: Componentes de ordem superior --- ## Componentes de ordem superior Em React, um **componente de ordem mais alta** (HOC) é uma função que usa um componente e retorna um novo componente. Os programadores usam HOCs para obter a **reutilização lógica de componentes** . Se você já usou o Redux's `connect` , você já trabalhou com componentes de alta ordem. A ideia principal é: ```jsx const EnhancedComponent = enhance(WrappedComponent); ``` Onde: * `enhance` é o componente de ordem superior; * `WrappedComponent` é o componente que você deseja aprimorar; e * `EnhancedComponent` é o novo componente criado. Este poderia ser o corpo da `enhance` HOC: ```jsx function enhance(WrappedComponent) { return class extends React.Component { render() { const extraProp = 'This is an injected prop!'; return (