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 vote323 views1 answer
Scirpt tag react
Javascript React
1 vote327 views1 answer
Stream closed react native
Javascript React
0 vote354 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote325 views1 answer
Connect react native app to local api macos
Javascript React
1 vote325 views1 answer
Node js and react js difference
Javascript React
0 vote334 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote292 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote334 views1 answer
Import tippy react
Javascript React
1 vote344 views1 answer
Dynamic forms in react
Javascript React
1 vote336 views2 answers
React native choose simulator
Javascript React