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 vote131 views2 answers
React hotjar
Javascript React
0 vote111 views1 answer
Export app react native
Javascript React
0 vote118 views1 answer
Curved lines on google maps usint react
Javascript React
0 vote162 views1 answer
React-hook-form image
Javascript React
0 vote135 views1 answer
Expo cli vs react native cli
Javascript React
6 votes118 views1 answer
Remove yellow warning react native emulator
Javascript React
-2 votes122 views1 answer
Redux template create react app
Javascript React
2 votes127 views1 answer
React refresh page every second
Javascript React
0 vote125 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
4 votes150 views2 answers
Hide status bar react native
Javascript React