/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 vote130 views1 answer
React js create element
Javascript React
2 votes130 views2 answers
Pdf table files download react not working
Javascript React
0 vote127 views1 answer
Installation de react native maps bibliothèque
Javascript React
4 votes149 views1 answer
Open a new tab when clicking on a link react
Javascript React
-1 vote178 views1 answer
How many data binding in react
Javascript React
0 vote171 views1 answer
React open url with button
Javascript React
0 vote130 views2 answers
React social login button
Javascript React
0 vote138 views3 answers
Django send and receive image data to react
Javascript React
0 vote121 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote121 views1 answer
React-native-bouncy-checkbox
Javascript React