class Foo extends Component { // Nota: esta sintaxe é experimental e ainda não padronizada. handleClick = () => { console.log('Clicado'); } render() { return <button onClick={this.handleClick}>Clique em mim!</button>; } }
class Foo extends Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleClick() { console.log('Clicado'); } render() { return <button onClick={this.handleClick}>Clique em mim!</button>; } }
<button onClick={this.handleClick}>
class Foo extends Component { handleClick() { console.log('Clicado'); } render() { return <button onClick={this.handleClick.bind(this)}>Clique em mim!</button>; } }