Caros,
Criei um componente react e, na função que gerencia o evento do botão (criarContato) , não estou sabendo acessar corretamente os atributos da classe(nome e telefone). Como faço?
Do jeito que o código está ocorre o seguinte erro: Parsing error: Unexpected keyword 'this'. (24:30)
`import React, { Component } from "react";
class CadastroContato extends Component {
constructor(props) {
super(props);
this.nome = "";
this.telefone = "";
}
_handleMudancaNome(evento) {
evento.stopPropagation();
this.nome = evento.target.value;
}
_handleMudancaTelefone(evento) {
evento.stopPropagation();
this.telefone = evento.target.value;
}
_criarContato(evento) {
evento.preventDefault();
evento.stopPropagation();
const novoContato = { this.nome, this.telefone };
const novoArrayDeNotas = [... props.contatos, novoContato];
const novoEstado = {
contatos: novoArrayDeNotas
};
props.setState(novoEstado);
}
render() {
return (
<form onSubmit={this._criarContato.bind(this)}>
<h3>Insira novo contato:</h3>
<input type="text" placeholder="Nome do contato"
onChange={this._handleMudancaNome.bind(this)} />
<br />
<input type="text" placeholder="Telefone do contato"
onChange={this._handleMudancaTelefone.bind(this)} />
<br />
<button>Cadastrar contato</button>
</form>
);
}
}
export default CadastroContato;`