necesito encontrar el precio total en un carrito, tengo que multiplicar la cantidad que proviene del almacenamiento local con el precio que proviene de una API
var storage = JSON.parse(localStorage.getItem("cart")); cart.map((order_item, index) => { return ( <li key={index} className="header-cart-item flex-w flex-t mb-12" > <div className="header-cart-item-img"> <img src={order_item.image} alt="IMG" /> </div> <div className="header-cart-item-txt pt-8"> <a href="#" className="header-cart-item-name mb-18 hov-cl1 trans-04" > {order_item.title} </a> <span className="header-cart-item-info"> {storage[index].Quantity} x {order_item.Price}$ </span> </div> </li> ); })estoy usando reactjs en el frontend y express en el backend
Puedes usar los operadores aritméticos de Javascript
Puedes hacerlo -
{storage[index].Quantity*order_item.Price}$Esto debe funcionar.
// map cart content const CartContent = ({ cart, storage }) => { // You can use simple variable instead of state init // to bypass : too many re-renders. let cartTotal= 0 const cartList = cart.map((item, index) => { cartTotal+=item.price*storage[index].Quantity return ( <div> <h2> {item.title} </h2> <div>price: {item.price*storage[index].Quantity} </div> </div> ); }); // render return ( <> {cartList} <br/> <p>Total {cartTotal}</p> </> ) }