Eu estava tentando fazer que quando o usuarios pressionasse o botao de submit, ele checava o que o usuario inseriu, e caso nao foisse valido ele emitia uma mensagem de erro atravez do span.Obs:cortei o codigo para facilitar a leitura, mas o problema ta nesta parte.
import React from 'react';
export class FormSignUp extends React.Component{
constructor(){
super();
this.state = {
firstName: '',
lastName: '',
email: '',
password: '',
rePassword: '',
day:'default',
month: 'default',
year: 'default',
gender:'1'
};
}
changeInp = e =>{
this.setState({
[e.target.name]: e.target.value
});
};
errors = {
nameError: ''
}
onSubmit = (e) => {
e.preventDefault();
if(this.state.firstName.length < 3){
this.errors.nameError = 'ta errado isso dai';
}
alert('submit');
console.log(this.state);
}
render(){
return(
<div className='formSignUp'>
<div className='fullSameInputS'>
<form>
<div className='nameDiv halfInput'>
<input type="text" name='firstName' value={this.state.firstName} onChange={e => this.changeInp(e)} className='signUpFstNameInput' placeholder='Nome'/>
<span>{this.errors.nameError}</span>
</div>