Soy nuevo en el lado del desarrollo de Reactjs y para comprender y tener una comprensión completa de reactjs, comencé a trabajar en la aplicación de comercio electrónico. He terminado con la visualización de la página de productos con la ayuda del archivo .JSON. Entonces, con eso usé esas identificaciones de los productos y pude agregar el artículo en particular al carrito y eliminarlo.
Los problemas con los que no puedo trabajar son :
Ayuda necesaria con
Para consultar el enlace de Github para el código: https://github.com/BhupathiVenkataSaiCharan/reactredux/tree/master/src/Redirects/Fvdata
En Fvdata, tengo mi lista de productos en data.json En Fvdata > App.js, tengo el uso de funciones de clic para Agregar y eliminar artículos del carrito.
Verifico su código y, por lo que entiendo, tiene que modificar estos dos métodos en su archivo App.js
removeFromCart=(product)=>{ const cartItems = this.state.cartItems.slice(); this.setState({ cartItems: cartItems.filter(x=>x.id !== product.id), }); localStorage.setItem("cartItems",JSON.stringify(cartItems.filter(x=>x.id !==product.id))); } clearCart=()=>{ const cartItems = this.state.cartItems.slice(); this.setState({ cartItems: cartItems.filter() }) }dentro de esto
removeFromCart=(product)=>{ const cartItems = this.state.cartItems.slice().map(x => { if(x.id === product.id){ return { ...x, count: x.count -1 } } return x })filter(x=>x.count > 0); this.setState({cartItems}); localStorage.setItem("cartItems",JSON.stringify(cartItems)); } clearCart=()=>{ this.setState({ cartItems: [] }) localStorage.setItem("cartItems",JSON.stringify([])); }```