¿Qué significa hoc?
HOC (Componente de orden superior) es un método de uso avanzado de React, siempre que sea para facilitar la reutilización de componentes. Cabe enfatizar que HOC en sí no es una API de React, es un método que recibe un componente como parámetro y devuelve un componente mejorado.
En resumen, HOC puede lograr:
1. Reutilización de código, modularización de código
2. Secuestro de renderizado, estado operativo
3. Adición, eliminación y modificación de accesorios
Cómo implementar HOC:
En esta sección aprenderemos dos métodos principales para implementar componentes de alto orden en React: proxy de propiedad (Props Proxy). y herencia inversa (Inversión de Herencia).
Basado en el método de herencia inversa (Inversión de herencia, abreviatura II)
La implementación de la herencia inversa es:
La clase de componente de orden superior devuelta ( Mejorado) Heredado de WrappedComponent. Esto se llama herencia inversa porque WrappedComponent hereda pasivamente Enhancer, en lugar de que WrappedComponent herede Enhancer. ?
La herencia inversa permite que los componentes de orden superior obtengan WrappedComponent a través de esta palabra clave, lo que significa que puede obtener el estado, los accesorios, los enlaces del ciclo de vida del componente y los métodos de renderizado.