Jorge Méndez Ortega
PreguntaYo tengo una gran duda revisando no sé cómo podemos modificar los atributos directamente de un WebComponente por ejemplo.
// Gemero la referencia al webcomponent const $WEB_COMPONENT = document.querySelector("poke-card"); // Después genero el cambio de alguna propiedad name por ejemplo $WEB_COMPONENT.setAttribute("name", "nuevo nombre") // esto genera el cambio, pero no lo muestra en el componente
Lo cambia en el webComponent pero nunca internamente comentaban que hay que renderizar de nuevo, pero al hacer eso se duplica el Componente. alguien tiene un ejemplo donde si se genere el cambio de propiedad?

Alejandra Sarahí Monroy Vélazquez
Hola, es como en el curso, hacemos uso de attributeChangedCallback() este se dispara cuando un atributo cambia y está observándose el atributo. Esto se hace mediante el método static get observedAttributes() dentro de la clase - este debería devolver un array que contiene los nombres de los atributos que se deben observar.