Del curso: React: Errores comunes y cómo solucionarlos

Accede al curso completo hoy mismo

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

No usar tipos de datos genéricos

No usar tipos de datos genéricos

Los tipos de datos genéricos son una herramienta muy poderosa en TypeScript la cual nos permite reusar código similar, pero a veces, por el tipo de sintaxis que tienen, suele complicarnos un poco su entendimiento. Veamos la siguiente clase. Aquí estamos indicándole al componente que el tipo de dato de las propiedades que va a recibir será de tipo SummaryProps, el cual es una interfaz que tenemos definido aquí, donde este, simplemente, va a tener dos propiedades, quantity y total, y con eso se definen los tipos sin necesidad de crear una clase específica del componente que se dedique a este tipo de datos. Así podemos reusar la clase Componente con propiedades definidas en distintos tipos. Si yo necesitara trabajar con otras propiedades, por ejemplo, las propiedades de Provider, podría indicar aquí el Provider en lugar de SummaryProps. Vamos a regresar esto nuevamente a SummaryProps. Y ahora, vamos a ver un ejemplo muy particular al trabajar con las interfaces. En este caso…

Contenido