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 vote290 views1 answer
React router remove location state on refresh
Javascript React
0 vote246 views1 answer
Render eror cant find variable: react
Javascript React
0 vote284 views1 answer
What is react headroom
Javascript React
0 vote251 views2 answers
React Class components LifeCycles
Javascript React
1 vote300 views1 answer
React native get mac address
Javascript React
0 vote254 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
1 vote242 views1 answer
Toggle drawer react native
Javascript React
0 vote266 views1 answer
React bootsrap color picker
Javascript React
32 votes230 views1 answer
React-router react-router-dom
Javascript React
0 vote236 views1 answer
Add React Router to React Redux CRUD App
Javascript React