Del curso: React avanzado 2

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

HOC (Higher Order Component)

HOC (Higher Order Component)

El patrón HOC o "higher-order component", que en español significa componentes de orden superior, permite a un componente recibir otro componente, lo que hace que el componente padre pueda extender la lógica y configuración con el componente que está recibiendo como parámetro. Aunque también podemos entenderlo de manera simplificada como funciones que, en lugar de retornar un valor en específico, van a retornar un componente listo para ser usado. Como en este ejemplo tenemos un método llamado countHandler el cual recibe un componente de tipo genérico, en este caso este es un componente de tipo React y desde aquí estamos recibiendo las propiedades que podemos ocupar. Por ejemplo, en este caso vamos a manejar el count, vamos a manejar el método add y el método remove. Y desde aquí, como te das cuenta, estamos retornando el componente que recibimos pero estamos armando nuevamente este componente, con lo cual estamos pasando nuevamente el valor de count, el método add' y el método remove.…

Contenido