Tento usar o preventDefault e ele não impede que ao clicar no botão a página recarregue. Assim não consigo adicionar visualizar a nota ou até mesmo um console que possa aparecer.
import React, { Component } from "react";
import "./FormularioCadastro.css";
class FormularioCadastro extends Component{
constructor(props){
super(props);
this.titulo="";
this.texto="";
}
_handleMudancaTitulo(evento){
this.titulo = evento.target.value;
evento.stopPropagation();
}
_handleMudancaTexto(evento){
this.texto = evento.target.value;
evento.stopPropagation();
}
_criarNota(evento){
evento.preventDefault();
evento.stopPropagation();
this.props.criarNota(this.titulo, this.texto);
}
render(){
return(
<form className="form-cadastro">
<input type="text"
placeholder="titulo"
className="form-cadastro_input"
onChange={ this._handleMudancaTitulo.bind(this) }
/>
<textarea
rows={10} placeholder="Escreva sua nota..."
className="form-cadastro_input"
onChange= { this._handleMudancaTexto.bind(this) }
/>
<button
className="form-cadastro_input form-cadastro_submit"
onSubmit= { this._criarNota }
>Criar Nota</button>
</form>
);
}
}
export default FormularioCadastro;