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 vote240 views1 answer
How to link t settings react native ios
Javascript React
0 vote276 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
0 vote257 views1 answer
How to submit form in reactjs and send data in json
Javascript React
1 vote271 views1 answer
Get value of input element on button click react
Javascript React
0 vote254 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
4 votes251 views2 answers
HandleClick react
Javascript React
1 vote285 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote256 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote252 views1 answer
React chart js 2 api data
Javascript React
0 vote243 views1 answer
Textfield label language react
Javascript React