Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

115
Vistas
¿Por qué mi Gran Total no se actualiza después de aumentar o disminuir la cantidad en React?

Esta es una aplicación básica en la que estoy trabajando usando React y Bootstrap. Aquí, el total general no cambia cuando actualizo la cantidad. He adjuntado el enlace Sandbox. Por favor, hágamelo saber el error.

https://codesandbox.io/s/reactbootstrap-forked-k9n86s?file=/src/App.js

 /********Total quantity *************** */ const grandTotal = () => { let total = 0; for (let product of products) { total += product.price * product.quantity; } console.log(total); return total; };
 <tr className="text-end"> <td colSpan={3}>Grand Total:</td> <td>{grandTotal()}</td> </tr>

Gracias.

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

En grandTotal todavía se refiere a la matriz inicial (productos). Debe ser product .

 const grandTotal = () => { let total = 0; for (let p of product) { total += p.price * p.quantity; } console.log(total); return total; };

NOTA: Sea claro al nombrar las cosas. Nombraría los productos iniciales como initialProducts y usaría el nombre de la variable de products en useState .

Editar reactBootstrap (bifurcado)

about 4 years ago · Juan Pablo Isaza Denunciar

0

el nombre de su variable es los productos problemáticos

 const grandTotal = () => { let total = 0; for (let prd of product) { total += prd.price * prd.quantity; } console.log(total); return total; };

productos apuntan a esta variable

 const products = [ { sno: "123", name: "Apple Watch", price: 290, quantity: 2 }, { sno: "567", name: "Samgung Watch", price: 278, quantity: 5 }, { sno: "785", name: "Cas", price: 123, quantity: 1 } ];
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda