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

84
Vistas
cómo establecer el estado y actualizar un objeto dentro de una matriz

Necesito tu ayuda por favor :-)

 state = { order: { createdAt: Date.now(), products: [ { leftInStock: "12", productName: "בלה", productPrice: "120", qtyInOrder: 0 } ], totalPrice: 0, miniClient: { id: '', fullName: '' } }, client: null, isClientSelected: true }

y esta es la función que debería realizar la actualización del objeto (es necesario actualizar qtyInOrder).

 setQtyForProduct = (product, name) => { if (name === '+') product.qtyInOrder++ if (name === '-') { if (product.qtyInOrder === 1) return else product.qtyInOrder-- } const { products } = this.state.order this.setState({ order: { ...this.state.order, products: [...products, product] } }, () => { this.getOrderPrice() }) }

así paso los valores

 <div className="order-selected-product-list"> {this.state.order.products.map((product, _id) => { return ( <div key={_id} className="order-product"> <div className="order-selected-product-card"> <div>{product.productName}</div> <div>{product.qtyInOrder}</div> </div> <div className="order-products-qty-btns"> <div onClick={() => this.setQtyForProduct(product, "+")}>+</div> <div onClick={() => this.removeProductFromOrder(product)}>הסר</div> <div onClick={() => this.setQtyForProduct(product, "-")}>-</div> </div> </div> ) })} </div>

Obtuve los valores correctos, lo único que no pude hacer es actualizar el

Sé que hay algo mal con mi función setState porque agrega los productos en lugar de actualizar la clave en él

about 4 years ago · Juan Pablo Isaza
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