Estoy construyendo un carrito de compras y la matriz de productos de mi carrito proviene de un estado. Cuando presiono el botón 'agregar al carrito', ocurre esta función (Información es donde está la información del producto):
const [cart, setCart] = useState([]) function addToCart() { setCart( arr => [...arr, { name: infos[id-2].fullName, value: infos[id-2].value, id: infos[id-2].id }])}Y funciona bien, pero tengo identificaciones repetidas en la matriz del carrito. Esto tiene implicaciones en la página de pago, etc. Así que necesito crear una nueva matriz desde el carrito con todos los artículos del carrito, pero excluyendo los artículos repetidos, algo como esto:
const newCart = [{ id: cart.id name: cart.name quantity: '' >times the id occurs on the cart array price: cart.value totalPrice: cart.value * quantity }]¿Como lo puedo hacer? Estoy usando el contexto para administrar todos mis estados
¿Por qué poner identificaciones duplicadas en el carrito en primer lugar? Puede incluir un campo más en el objeto del carrito y actualizarlo solo.
const cart = [{ name: "A", value: 100, id: 1, quantity: 1 }]; function addToCart() { const item = infos[id - 2]; setCart((arr) => { const newCart = [...arr]; const existingItem = newCart.find((i) => i.id === item.id); if (existingItem) { existingItem.quantity++; } else { newCart.push({ name: item.fullName, value: item.value, id: item.id, quantity: 1, }); } return newCart; }); }