Estoy desarrollando una consulta a una api usando axios con react. Las respuestan llegan correctamente pero no estoy pudiendo actualizar el estado de una variable, que muestra errores desde el servidor o login correcto
En la consola, me diceque el operador this es no definido.
El code de mi funcion es la siguiente:
consumirApiLogin() {
const payload={
"_username":this.state.username,
"_password":this.state.password,
}
axios.post(API_LOGIN, payload)
.then(function (response) {
this.setState({errorApi: response.data})
})
.catch(function (e) {
console.log(e);
let error = '';
if(e.response)
{
let error = e.response.message;
}
this.setState({errorApi: error})
});
}
Mi constructor es el siguiente:
constructor(props){
super(props);
this.state = ({
username:'',
password:'',
errors: {},
errorApi: ''
})
this.cambioUsername = this.cambioUsername.bind(this);
this.cambioPassword = this.cambioPassword.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
this.consumirApiLogin = this.consumirApiLogin.bind(this);
this.validarFormulario = this.validarFormulario.bind(this);
}
Cualquier ayuda es bienvenida!Saludos!