1

Tengo este hook que cree, que se ejecuta cada que se hace un submit en un formulario. El problema es que cuando se hace la validación solo actualiza la propiedad valPass y no actualiza el valName. Ya verifique el operador ternario y funciona perfecto, lo unico esque no actualiza en valName introducir la descripción de la imagen aquí

1

1 respuesta 1

0

El Hook de useState reconoce solo una de tus solicitudes. Recuerda que cuando se cambia el state del componente en React, se re-renderiza y por lo tanto se sobreescriben las solicitudes y solo toma una: la última. Esto tiene que ver como el Hook funciona sumado al comportamiento extremo que tiene for en Javascript, ya que el las iteraciones en Javascript son "instantáneas" a diferencia de Python.

const handleValidations = (e) => {
  e.preventDefault();
  const {userTest, passTest } = expresions;

  const controlVar = {};

  for (const key in formData){
    if(key === 'password')
      controlVar.valPass = (passTest.test(formData[key])) ? false : true;

    if(key === 'nameUser')
      controlVar.valName = (userTest.test(formData[key])) ? false : true;
  }
  setFormData({...formData, ...controlVar})
}

Coméntanos cómo te va!

2
  • Hola! ya pude solucionarlo, lo que hice fue crear un objeto temporal y es el que utilizo en el for, cuando se termina el for le paso el objeto temporal para cambiar el satate. el 1 abr. 2021 a las 21:52
  • ¡Coincidimos! Es la solución que te propuse. Que bien que la descubriste y que bueno que quede aquí para otros Reacfans.
    – Devandmus
    el 2 abr. 2021 a las 3:53

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.