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

2 votes345 views1 answer
Can't import react bootstrap
Javascript React
3 votes351 views1 answer
Css in a react file
Javascript React
3 votes295 views1 answer
React two way binding
Javascript React
0 vote343 views1 answer
React route send informaion in url
Javascript React
0 vote383 views1 answer
How to set dynamic size in react js
Javascript React
0 vote367 views1 answer
React native run android common error
Javascript React
31 votes372 views2 answers
React-router-dom npm
Javascript React
0 vote345 views1 answer
Dropdown list value react fragment
Javascript React
16 votes383 views2 answers
Render text in for loop react in function
Javascript React
-2 votes352 views2 answers
React native margin
Javascript React