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

17 votes323 views3 answers
Reducer react
Javascript React
8 votes330 views2 answers
React on link click scroll to top
Javascript React
1 vote359 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote313 views1 answer
How to use elements of 'react-router-dom'
Javascript React
17 votes322 views3 answers
React canvas clear
Javascript React
3 votes323 views1 answer
React router dynamic routes
Javascript React
1 vote354 views1 answer
Npm react redux logger
Javascript React
0 vote327 views2 answers
How to convert time to users timezone in react
Javascript React
4 votes321 views1 answer
UseEffect with axios react
Javascript React
0 vote337 views4 answers
React tutorial for beginners
Javascript React