Axios.post semble ne pas reagire [Résolu]

Signaler
Messages postés
12
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
12 janvier 2020
-
Xodarap
Messages postés
12
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
12 janvier 2020
-
Bonjour,

Je cherche a crée une authentification toute simple avec un formulaire.
mais lors de l'envoie je ne recois rien en retour, pas d'erreurs ni de code de status.
Mon back-end fonctionne sur de nombreuses autre choses il n'est pas responssable de ce probléme .

la condition du premier "if" de handleSubmit est verifier et fonctionne mais le soucis ce situe justement apres, car il ne ce passe plus rien ...

voici le code en question :
handleSubmit(event) {
    if (this.state.email === this.state.email02  && this.state.pwd === this.state.pwd02 && this.state.lastname !== '') {
      const data = {email: this.state.email ,passwd: this.state.pwd ,lastname: this.state.lastname}
      const config = { headers: {'Content-Type': 'application/x-www-form-urlencoded'}}

      axios.post('http://XXX.XX.XX.192:8083/register', data, config)
      .then(response => {
        this.props.history.push('/SignIn');
      }).catch(err => {
        console.log(err);
      })

    } else if (this.state.email !== this.state.email02 ) {
        console.log('email are not the same');

    } else if (this.state.pwd !== this.state.pwd02) {
        console.log('password are not the same');
    }
  }

render() {
		return (
      <div className="App">
        <Container fluid={true} className="center">
    <form onSubmit={() => this.handleSubmit()}>
            <Row className="justify-content-md-center">
              <Col md={6}>
                <input type="email" value={this.state.email} onChange={this.onFieldChange('email').bind(this)} placeholder="Email" required />
              </Col>
              <Col md={6}>
                <input type="email" value={this.state.email02} onChange={this.onFieldChange('email02').bind(this)} placeholder="Same Email" required />
              </Col>
            </Row><Row>

              <Col sm={6}>
                <input type="password" value={this.state.pwd} onChange={this.onFieldChange('pwd').bind(this)} placeholder="Password" required />
              </Col>
              <Col sm={6}>
                <input type="password" value={this.state.pwd02} onChange={this.onFieldChange('pwd02').bind(this)} placeholder="Same Password" required />
              </Col>

            </Row><Row>

              <Col sm={6}>
                <input type="text" value={this.state.lastname} onChange={this.onFieldChange('lastname').bind(this)} placeholder="Last name" required />
              </Col>
              <Col sm={6}>
                <input type="text" value={this.state.license} onChange={(license) => this.setLicense(license.target.value)} placeholder="License"/>
              </Col>

            </Row><Row>
                <Col><button type="submit">Sign-up</button></Col>
            </Row><Row>
                <Col><Link to="/SignIn" className="link">Already one of us? </Link></Col>
            </Row>
          </form>
        </Container>
      </div>
    );
	}



merci de votre aide future

1 réponse

Messages postés
12
Date d'inscription
dimanche 15 décembre 2019
Statut
Membre
Dernière intervention
12 janvier 2020
1
La solution etait de supprimer les balises form qui recharge la page apres l'envoie .