react prototype function

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}