/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

5 votes162 views1 answer
Import suspence from react
Javascript React
1 vote154 views1 answer
Unordered list in react native
Javascript React
0 vote152 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
4 votes225 views3 answers
Width 100% react-native
Javascript React
0 vote155 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
1 vote136 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote150 views3 answers
React router browser refresh
Javascript React
1 vote160 views3 answers
Linear gradient react native
Javascript React
0 vote151 views1 answer
React type div onClick
Javascript React
0 vote197 views1 answer
Gradle error react native
Javascript React