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 vote321 views2 answers
React native time range picker
Javascript React
0 vote295 views1 answer
React bootstrap col not working
Javascript React
5 votes304 views1 answer
How to create component in reactjs
Javascript React
0 vote320 views1 answer
My env.local file not working in my react app usind mac
Javascript React
6 votes294 views2 answers
TextInput disable react native
Javascript React
5 votes537 views1 answer
Inline z-index react
Javascript React
0 vote398 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
1 vote306 views1 answer
React toggle class
Javascript React
1 vote293 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote297 views1 answer
About react frame
Javascript React