en el estado de mi aplicacion tengo los campos que uso para guardar los datos de un formulario
this.state = {
nombre: '',
apellido: '',
usuario: '',
email: '',
sexo: '',
date: new Date(),
password: '',
reppassword: '',
errors: {
name: false,
lastName: false,
user: false,
email: false,
sex: false,
password: false,
repassword: false
},
helperText: {
nombre: '',
apellido: '',
usuario: '',
sexo: '',
email: '',
password: '',
reppassword: '',
}
}
estas son mis funciones que uso para controlar los input de tipo password:
PasswordChangue(event: React.ChangeEvent<HTMLInputElement>): any{
this.setState({password: event.target.value})
if(this.state.password.length < 6){
this.setState({errors: {password: true}})
this.setState({helperText: {password: 'Su contraseña es demasiado corta.'}})
}else{
this.setState({errors: {password: false}})
this.setState({helperText: {password: 'Bien echo.!'}})
}
}
RepPasswordChangue(event: React.ChangeEvent<HTMLInputElement>): any{
this.setState({reppassword: event.target.value})
if(this.state.password === this.state.reppassword){
this.setState({errors: {repassword: false}})
this.setState({helperText: {reppassword: 'Bien echo.!'}})
}else{
this.setState({errors: {repassword: true}})
this.setState({helperText: {reppassword: 'Sus contraseña no coinciden.'}})
}
}
todo normal, hasta da la impresion que el codigo esta perfecto, lo que sucede es que en la confirmacion de la contraseña. cuando las contraseñas coinciden el helperText me sigue apareciendo como 'Sus contraseña no coinciden.', no cambia a 'Bien echo.!', no entiendo por que