Necesito que aparezca el div del cuadro de resumen total cuando la cantidad de cualquier artículo sea mayor que 0 y que contenga el div del producto que tiene una cantidad. Si la cantidad llega a 0, el cuadro/div del artículo debería desaparecer.

Tengo una aplicación de clase con 3 variables de cantidad de artículos para 3 productos diferentes.

Este es el cuadro de resumen y está vinculado a los valores de los elementos.

HD es la cantidad de drones HD

QHD ............. Drones QHD

Bat es la cantidad de pilas

 class App extends React.Component { constructor(props) { super(props); this.state = { items: [], isLoaded: false, HD: 0, QHD: 0, Bat: 0, }; this.changeHD = this.changeHD.bind(this); this.changeQHD = this.changeQHD.bind(this); this.changeBat = this.changeBat.bind(this); }

Los botones basculantes de cantidad en el lateral de la llamada de entrada aumentan HD, disminuye HD La cantidad se puede editar en el cuadro de entrada a cualquier número no negativo y que usa setstate para cambiar HD, QHD, Bat vars.

Aquí está el código de ChangeHD que se llama Onchange de la entrada para cualquiera de los productos.

 changeHD = (e) => { let o = 0; o = parseInt(e.target.value); console.log(o); if (o < 0) { } else { this.setState({ HD: o }); } };

El código para el aumento/disminución Called by Onclick

 increaseHD = () => { this.setState({ HD: this.state.HD + 1, }); }; decreaseHD = () => { let i = 0; i = this.state.HD; if (i == 0) { } else { this.setState({ HD: this.state.HD - 1, }); } };

Por ejemplo, si el 1080p var HD aumenta de 0 a 1, aparecerá el cuadro Resumen.

Código de procesamiento para el cuadro de resumen (cosas de marcador de posición)

 <div className="sumbox"> <div>Total Summary box</div> <div>HD camera, QTY = 1 Total = 833.99</div> <div>QHD camera, QTY = 1 Total = 895.31</div> <div>Batteries, QTY = 1 Total = 78.5</div> </div>