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

232
Vistas
¿Cómo actualizar el valor de la clave del objeto en el estado usando el gancho useState ()?

Tengo una matriz de estado de objetos que tiene dos pares clave-valor [{name: 'Max', value: 1}]

al actualizar el estado, recibo el nombre de api y lo comparo con api.name == state.name. si es cierto, necesito actualizar el valor como valor + 1. ¿Cómo lo logro con setState ()?

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

0

Puede usar el operador de propagación para actualizar el estado cambiando solo las propiedades del objeto.

 this.setState({ array: this.state.array.map((item) => { const condition = "..."; // Implement logic return {...item, value: condition ? item.value + 1 : item.value } }) })
about 4 years ago · Juan Pablo Isaza Denunciar

0

Podrías actualizar el estado de esta manera:

 const stateUpdated = state.map((item) => { if (name === item.name) { return { ...item, value: ++item.value, }; } else { return item; } }); setState(stateUpdated);
about 4 years ago · Juan Pablo Isaza Denunciar

0

Puede actualizar el valor como:

// por ejemplo, los datos a continuación provienen de la API

 const array1 = [{ name: "Zee" }, { name: "Zee" }, { name: "Zee" }];

//Su estado para actualizar el valor basado en el nombre

 const [data, setData] = useState({ name: "Zee", value: 1 });

// verifique si el nombre existe en los datos de API o no, si existe, incrementará el valor

 array1.map((item) => { if (item.name === data.name) { setData({ ...data, value: data.value + 1 }); } }); console.log("check=", data);
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