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

5 votes432 views2 answers
Remove underline from link i react
Javascript React
0 vote397 views3 answers
Get url parameter in react js
Javascript React
0 vote426 views1 answer
Space between react native
Javascript React
0 vote395 views1 answer
React make setstate synchronous
Javascript React
0 vote436 views1 answer
React replace all line breaks with br
Javascript React
0 vote393 views1 answer
React router dom props.history is undefined
Javascript React
0 vote382 views1 answer
React chat sheet
Javascript React
2 votes576 views2 answers
Select option in reactive forms
Javascript React
-1 vote413 views2 answers
How to validate date in react
Javascript React
0 vote360 views1 answer
React icons cdn
Javascript React