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

0 vote376 views2 answers
Get data from url using react
Javascript React
29 votes366 views3 answers
Creating react app using npx
Javascript React
93 votes333 views6 answers
React router dom install
Javascript React
105 votes429 views3 answers
React bootstrap do you need to import
Javascript React
0 vote436 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
4 votes409 views2 answers
Set selected option react
Javascript React
1 vote400 views1 answer
Module not found reactstrap
Javascript React
59 votes345 views3 answers
Npm react router dom
Javascript React
0 vote415 views1 answer
Github create react app buildpack
Javascript React
0 vote383 views1 answer
Content uri react native fs
Javascript React