/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

0 vote253 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote212 views1 answer
Random picture position in react
Javascript React
2 votes203 views2 answers
React native position absolute center
Javascript React
-1 vote228 views1 answer
How to remove react icon from tab
Javascript React
1 vote210 views1 answer
What is react easy emoji
Javascript React
1 vote182 views1 answer
Unexpected token react native stack navigation
Javascript React
1 vote187 views2 answers
React native choose simulator
Javascript React
0 vote231 views1 answer
Sweper slider react
Javascript React
0 vote203 views1 answer
React chunk file too large
Javascript React
0 vote206 views1 answer
Label tag alternative in react native
Javascript React