/Javascript/React/React prototype function

React prototype function

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>;
  }
}

Source: pt-br.reactjs.org

React prototype function

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>;
  }
}

Source: pt-br.reactjs.org

React prototype function

class Foo extends Component {
  handleClick() {
    console.log('Clicado');
  }
  render() {
    return <button onClick={this.handleClick.bind(this)}>Clique em mim!</button>;
  }
}

Source: pt-br.reactjs.org

React prototype function

<button onClick={this.handleClick}>

Source: pt-br.reactjs.org

Similar codes

3 votes139 views2 answers
Use onchange with react select
Javascript React
0 vote101 views1 answer
Scrollreveal react tutoriel
Javascript React
0 vote128 views1 answer
React conditional if localhost
Javascript React
3 votes108 views1 answer
React bootstrap card
Javascript React
32 votes109 views1 answer
React roouter dom
Javascript React
5 votes105 views1 answer
How to host react app on heroku
Javascript React
-1 vote100 views1 answer
React localstorage remove item
Javascript React
14 votes102 views2 answers
Photo in React native
Javascript React
9 votes57 views4 answers
Firebase' is not defined no-undef react
Javascript React
4 votes110 views1 answer
React bind function to component
Javascript React