/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

116 votes427 views6 answers
Bootstrap react
Javascript React
2 votes238 views2 answers
React native text get number of lines
Javascript React
0 vote211 views1 answer
TrackPromise React
Javascript React
1 vote207 views1 answer
Proactive vs reactive
Javascript React
13 votes218 views1 answer
React js vs jsx
Javascript React
0 vote217 views6 answers
React slick
Javascript React
1 vote223 views1 answer
Functional component how to add to existing array react
Javascript React
0 vote217 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React
0 vote207 views1 answer
Unexpected token react
Javascript React
1 vote234 views1 answer
How to setup React Context, useContext Hook
Javascript React