1class Foo extends Component {
2 constructor(props) {
3 super(props);
4 this.handleClick = this.handleClick.bind(this);
5 }
6 handleClick() {
7 console.log('Clicado');
8 }
9 render() {
10 return <button onClick={this.handleClick}>Clique em mim!</button>;
11 }
12}
1class Foo extends Component {
2 // Nota: esta sintaxe é experimental e ainda não padronizada.
3 handleClick = () => {
4 console.log('Clicado');
5 }
6 render() {
7 return <button onClick={this.handleClick}>Clique em mim!</button>;
8 }
9}
1class Foo extends Component {
2 handleClick() {
3 console.log('Clicado');
4 }
5 render() {
6 return <button onClick={this.handleClick.bind(this)}>Clique em mim!</button>;
7 }
8}