Estoy construyendo un sitio de comercio electrónico. Y estoy usando un ícono de fuente de corazón que actúa como una herramienta que los usuarios pueden usar para marcar un elemento como favorito en el sitio. Entonces, cuando un usuario hace clic en el ícono, cambia de color a rojo desde negro. ¿Cómo puedo guardar ese cambio en el css? Por cierto, estoy usando reactjs.
const addToWishList = (e) => { e.target.style.color = 'red'; e.preventDefault(); const parent = e.target.parentElement; const itemName = parent.childNodes[2].childNodes[0].textContent; const itemImg = parent.childNodes[1].childNodes[0].src; const obj = { item: itemName, img: itemImg }; wishlist.push(obj); };Estoy usando este código para cambiar el color del ícono, pero ¿cómo puedo decir los cambios actualizados? A medida que el color vuelve a cambiar a negro después de actualizar el navegador.
No estoy 100% seguro de cómo hacer esto de la manera que pretende, pero solo publicaré aquí cómo creo que debe abordarse.
Dado que cada usuario tendrá diferentes elementos que están en sus favoritos, debe encontrar una manera de almacenar qué elementos son favoritos para cada usuario.
Cuando el usuario en particular accede a su cuenta, primero debe obtener los datos relacionados con los elementos favoritos del usuario y luego cambiar automáticamente el color del ícono a rojo si la página actual contiene dichos elementos favoritos.
Almacenar los datos obtenidos en una variable de sesión sería útil para realizar cambios.
¡También debe incluir el código para realizar los cambios necesarios cuando el usuario agrega un nuevo elemento o elimina un elemento de sus favoritos!