/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

1 vote144 views2 answers
Toast in react native
Javascript React
0 vote154 views2 answers
Count down timer in react native
Javascript React
2 votes145 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote144 views1 answer
React input cursor jump end
Javascript React
24 votes145 views6 answers
React map
Javascript React
145 votes339 views6 answers
Add bootstrap to react
Javascript React
1 vote159 views2 answers
How to get window size in react js
Javascript React
0 vote184 views1 answer
Ionic react use yarn
Javascript React
0 vote138 views1 answer
React return value from component
Javascript React
3 votes143 views1 answer
How to preview a pdf document in react
Javascript React