Cómo TIPAR Componentes en React con ComponentProps

[@nikeboy1288]

Gran aporte

[@joseangelhdzrda]

@@nikeboy1288 Gracias por el comentario!

[@nicolaschaima1619]

Buen video crack, suscrito

[@joseangelhdzrda]

@@nicolaschaima1619 Gracias!

[@elsotop69]

otra forma de hacerlo es: interface ButtonProps extends ButtonHTMLAttributes, no se cual sea la diferencia pero normalmente lo hago así, tu forma es mas corta, buena esa.

[@joseangelhdzrda]

@@elsotop69 La diferencia es que el componentProps se puede usar no solo con etiquetas HTML también con componentes, la otra forma está atada a solo etiquetas HTML y tiene el inconveniente que debes de recordar el nombre de la interfaz porque cambia para cada elemento HTML

[@juancamilorojas9922]

buen vídeo, que fuente utiliza bro

[@joseangelhdzrda]

@@juancamilorojas9922 El blog total typecrypt

[@blackjard64]

Me sirve mucho la verdad, muchas gracias, pero como le hago para cuando quiero pasar propiedades que no son propias del elemento como en este caso el boton, refiriendome a que puedo tener mas de un elemento por componente por ejemplo un boton con un icono o un div con multiples elementos

[@joseangelhdzrda]

@blackjard64 Los ejemplos que comentas me parece que se podrían hacer con los visto en el video, pero suponiendo que quieres una propiedad nueva "miPropiedadPersonalizada" lo que tendrías que hacer es una intersección de tipos para ello se usa el "&" o el "extends" de typescript, es complicado explicarlo en un comentario pero lo puedes buscar como Intersección de tipos y Herencia en interfaces en internet.