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
Afficher la suite