Prototype react

import PropTypes from 'prop-types';


Greeting.propTypes = {
  name: PropTypes.string
};

Source: reactjs.org

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 vote229 views1 answer
Three.js react
Javascript React
6 votes207 views2 answers
React native spinkit
Javascript React
3 votes211 views1 answer
Latest react version npm
Javascript React
3 votes173 views1 answer
React tooltip data-tip
Javascript React
0 vote255 views1 answer
ScrollspyNav react
Javascript React
0 vote211 views1 answer
Reset reactive state vue 3
Javascript React
11 votes208 views3 answers
React native text ellipsis
Javascript React
4 votes215 views1 answer
React useeffect not on first render
Javascript React
0 vote207 views1 answer
Flatpicker not focusing in modal React
Javascript React
1 vote201 views1 answer
Input type email react js-validation
Javascript React