Estoy intentando hacer una página de compras. Cuando intento enviar cada artículo al carrito le quiero asignar una ID única a cada operación (para que después sea más fácil quitar cada producto si el usuario lo quiere).
Este es el código que tengo hasta ahora pero no consigo meter la ID de cada uno:
function mandarAlCarro(item) {
const { nombre, precio, imagen} = item
setCarrito(prev => {
return [...prev, {
nombre: nombre,
precio: precio,
imagen: imagen,
}]
})
console.log(item)
}
Intenté agregar el parametro {id}
a la desestructuración del ítem pero no me lo toma. ¿Cómo podría conseguir esto?
Edito: Agrego el codigo que estoy usando para renderizar cada elemento en la pantalla:
const tarjetas = productos.map(item => {
return (
<Tarjeta
nombre={item.nombre}
imagen={item.imagen}
precio={item.precio}
aptoCeliaco={item.aptoCeliaco}
categoria={item.categoria}
handleClickSuma={() => mandarAlCarro(item)}
handleClickResta={() => quitarDelCarro(item)}
/>
)
})
La funcion mandarAlCarro(item) es la que estaba mas arriba. Todo esto se pasa como props al carrito y desde ahi se renderiza
<Carrito carrito={carrito} />
id
no está en donde se crean los datos o se asignan. Si no en donde renderizas hijos de manera sistemática. Con ver tú código supongo que en un momento haces unfor
sobrecarrito
para renderizar elementos con los datos de nombre, precio e imagen. Ahí en ese ciclofor
es donde deberías de pasar el prop deid
. Si incluyes ese código en tu pregunta podría ayudarte 😊.key
de React. La información adicional del renderizado no es relevante, disculpas.