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 vote194 views1 answer
Create-react-app height issues with flex
Javascript React
14 votes216 views2 answers
Border react native
Javascript React
0 vote226 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
1 vote220 views2 answers
How to render react native app under the status bar
Javascript React
1 vote235 views1 answer
How to access form values in react
Javascript React
0 vote223 views1 answer
Using redux on react extension
Javascript React
0 vote217 views1 answer
Nested navigation react native
Javascript React
2 votes213 views2 answers
React native image swiper
Javascript React
6 votes231 views2 answers
React native password field
Javascript React
1 vote232 views1 answer
Tab navigation react-native without title
Javascript React