Olá! Segue o link com o meu código fonte. Está tudo funcionando, mas no log, o setState não está surtindo efeito imediatamente após a chamada. E não sei porque os inputs não estão sendo limpos após a submissão do formulário.
Solucionado
Olá! Segue o link com o meu código fonte. Está tudo funcionando, mas no log, o setState não está surtindo efeito imediatamente após a chamada. E não sei porque os inputs não estão sendo limpos após a submissão do formulário.
O problema está no seu componente InputCustomizado. O value está configurado para receber a propriedade errada (this.props.nome). O correto seria this.props.value.
O render ficaria assim:
render() {
return (
<div className="pure-control-group">
<label htmlFor={this.props.id}>{this.props.label}</label>
<input id={this.props.id} type={this.props.type} name={this.props.name} value={this.props.value} onChange={this.props.onChange}/>
<span className="error">{this.state.msgErro}</span>
</div>
);
}Funcionou, muito obrigado!
Que bom. Qualquer dúvida só perguntar.