Estou aprendendo react e me deparei com esse exemplo (Que funciona normalmente):
import React, { Component } from 'react'
import './Teste.css';
class Teste extends Component {
constructor(props) {
super(props);
this.state = { message: 'Hello!' };
}
handleClick = () => {
alert(this.state.message);
}
render() {
return (
<div>
<button onClick={this.handleClick}>
Say hello
</button>
</div>
);
}
}
export default Teste;
Em resumo é um botão que ao clicar exibe uma mensagem. Mas uma coisa que não entendi é essa declaração do handleClick
, pois se eu declarar dessa forma:
handleClick () {
alert(this.state.message);
}
A compilação não dá error, mas ao clicar dá o seguinte erro. Não estou entendo o propósito dessa declaração. Alguém me poderia clarificar esta duvida?
handleClick(){};
ehandleClick = () => {};
.