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 vote298 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
13 votes313 views1 answer
React making post request
Javascript React
15 votes289 views2 answers
React native get location
Javascript React
1 vote301 views1 answer
Breakline in react native
Javascript React
1 vote300 views4 answers
React router go rprevious page
Javascript React
0 vote309 views1 answer
Remove react native cli mac
Javascript React
1 vote233 views1 answer
How to change the value of state in react
Javascript React
0 vote299 views1 answer
React-native firebase v9+ config
Javascript React
6 votes284 views2 answers
React native indicator
Javascript React
7 votes284 views2 answers
Br in react native
Javascript React