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

116
Vistas
el estado no se actualiza en onchange

Hola, en mi aplicación estamos usando initialstate donde se definirán los datos de muestra de la aplicación y usando el contexto para la administración del estado, a continuación se muestra mi estado inicial de muestra:

-

 creditCard: { isSaved: false, lastFourDigits: "1235", loading: false, cardholder: "", cardnumber: "", cardmonth: "", cardyear: "", cardcvv: "", }, etc:{}....

y en mi componente estoy usando usestate para configurar los datos de la siguiente manera:

 const { state,actionsCollection } = useContext(StateContext); const [cardholder, setcardholder] = useState(""); const [cardnumber, setcardnumber] = useState(""); const [cardmonth, setcardmonth] = useState(""); const [cardyear, setcardyear] = useState(""); const [cardcvv, setcardcvv] = useState("");

y en onchange estoy configurando el estado de la siguiente manera:

 <TextField name="cardmonth" label="MM" error={errors.cardmonth} value={cardmonth} onChange={onChange} onBlur={validateInput} helperText={errors.cardmonth && "Invalid month"} className={classes.expiryDateInputs} /> onChange=()=>{ let cardMonth = /^0[1-9]|1[0-2]/.test(e.target.value); if (cardMonth === true) { setcardmonth(e.target.value.replace(/\D/g, "").slice(0, 2)); setErrors({ ...errors, cardmonth: false }); } else { setErrors({ ...errors, cardmonth: true }); } if (state.creditCard.cardyear !== "") { validateExpiryDate(); }

}

pasar estados a componentes no relacionados usando el siguiente código:

 const validateForm = () => { return actionsCollection.booking.validateForm( errors, setErrors, cardholder, setcardholder, cardnumber, setcardnumber, cardType, setCardType, cardmonth, setcardmonth, cardyear, setcardyear, cardcvv, setcardcvv, isCurrentCaseIncluded, cardYearValue ); };

y en acciones estoy usando este código:

 const validateForm = ( errors, setErrors, cardholder, setcardholder, cardnumber, setcardnumber, cardType, setCardType, cardmonth, setcardmonth, cardyear, setcardyear, cardcvv, setcardcvv, isCurrentCaseIncluded, cardYearValue ) => { some validation logic..... }

El problema es que el estado inicial no se está actualizando, no obtengo lo que está mal en mi código. Alguien, por favor, ayuda.

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