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 vote369 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote399 views1 answer
React-native-bouncy-checkbox
Javascript React
15 votes366 views2 answers
React native get location
Javascript React
0 vote386 views1 answer
React linking to documents
Javascript React
5 votes393 views1 answer
Import react dom
Javascript React
32 votes342 views6 answers
Usestate react
Javascript React
0 vote366 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
2 votes377 views1 answer
React native image source local file
Javascript React
0 vote368 views1 answer
How to add carsoul to react project
Javascript React
0 vote403 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React