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 vote392 views1 answer
React-redux todo list
Javascript React
0 vote406 views2 answers
Reactjs date display
Javascript React
1 vote417 views2 answers
React native open link in browser
Javascript React
0 vote386 views1 answer
React redux open another page
Javascript React
0 vote381 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
36 votes381 views2 answers
How to install react router dom version 5
Javascript React
0 vote365 views1 answer
React chart chart title
Javascript React
0 vote371 views1 answer
React native multiple touchableopacity
Javascript React
1 vote351 views1 answer
Functions inside class component react
Javascript React
1 vote380 views1 answer
React native componentwillmount vs componentdidmount
Javascript React