• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

114
Vistas
¿Cómo actualizar de forma inmutable un objeto dado que tenemos que pasar el mismo objeto como accesorios?

Tengo amounts de objetos que se actualizan con los clics de los botones. Y paso ese objeto como accesorio a otro componente. Lo que estoy haciendo en este momento es actualizar el objeto de forma mutable en el evento de clic de botón.

 onClick = e => { amounts.map( amount => (amount.tax = taxes ? 500 : 0) ); } <Display amounts={amounts} />

¿Cómo puedo actualizar las cantidades de forma inmutable?

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Como se menciona en los comentarios, están sucediendo algunas cosas:

  1. No está actualizando la referencia de Array de amounts , por lo que React no se volverá a procesar en función de esta mutación.
  2. Está utilizando Array#map para actualizar una sola propiedad. Esto actualizará la referencia del Objeto en el cobro de importes.
  3. No hay setAmounts ni nada similar para actualizar el valor de la propiedad de amount en un componente principal.

Suponiendo que está utilizando useState en el componente principal de <Display /> s, tendrá que pasar la función setAmounts al componente <Display /> usando props.

 <Display amounts={amounts} setAmounts={setAmounts} />
 onClick = e => { setAmounts( amounts.map( amount => ({ ...amount, tax: taxes ? 500 : 0 }) ); ); }
almost 3 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 Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda