Loading animation avec Axios (react.js) [Résolu]

Signaler
Messages postés
37
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
29 juin 2020
-
Messages postés
37
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
29 juin 2020
-
Bonjour,

existe t'il une solution pour afficher une animation de chargement lors de l'utilisation de Axios ?
voici mon code actuel pour une simple inscription :

  handleSubmit(event) {
    if (this.state.email === this.state.email02  && this.state.passwd === this.state.passwd02 && this.state.lastname !== '') {
      const data = {email: this.state.email, passwd: this.state.passwd, lastname: this.state.lastname, firstname: this.state.firstname}

      axios.post('http://XXX.XX.XX.192:XXXX/register', data)
      .then(
        response => {console.log(response);
        this.props.history.push('/SignIn');
        alert('You are almost one of us, click on the verification link sent by email to complete your registration.');
      })
      .catch(err => {console.log(err);})
    } else if (this.state.email !== this.state.email02 ) {
        console.log('email are not the same');
        alert('email are not the same !');
    } else if (this.state.passwd !== this.state.passwd02) {
        console.log('password are not the same');
        alert('password are not the same !');
    } else {
      console.log('Unknown Error');
      alert('Unknown Error, please try again later');
    }
  }


Configuration: Linux / Firefox 74.0

2 réponses

Messages postés
37
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
29 juin 2020
2
une approche de ce genre serais elle la plus optimisée ?
: https://appdividend.com/2018/04/02/react-loading-spinner-example/
Messages postés
37
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
29 juin 2020
2
ma solution est d'utiliser React.loader en plus d'une ternaire pour afficher ou non l'animation dans le render().