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 vote185 views2 answers
React select disable option
Javascript React
-1 vote183 views8 answers
React native
Javascript React
0 vote192 views1 answer
Dropdown list value react fragment
Javascript React
48 votes195 views1 answer
Emmet not working react js
Javascript React
1 vote188 views1 answer
React native scrollview sticky header
Javascript React
0 vote185 views1 answer
React native scrollbar position issue
Javascript React
1 vote220 views1 answer
Reactjs compile subdomine
Javascript React
1 vote156 views1 answer
Tailwincss in react native
Javascript React
0 vote200 views1 answer
Upload file react onclick
Javascript React
-1 vote166 views1 answer
React localstorage remove item
Javascript React