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 vote277 views1 answer
Node closes once you open app react-native
Javascript React
3 votes258 views2 answers
React link without underline
Javascript React
0 vote257 views1 answer
Valueof in react native
Javascript React
0 vote243 views1 answer
Resellerclub api with react js
Javascript React
3 votes261 views1 answer
Force update react hooks
Javascript React
0 vote262 views1 answer
Open close children modal react
Javascript React
0 vote279 views1 answer
How to redirect to another page in react js on button click
Javascript React
0 vote262 views1 answer
Limit data with axios in react js
Javascript React
7 votes262 views4 answers
Get parameter from url reactjs
Javascript React
0 vote264 views2 answers
React Class components LifeCycles
Javascript React