/Javascript/React/React prototype function

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 vote204 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
4 votes194 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
1 vote402 views1 answer
Double matrix iteration in react
Javascript React
9 votes216 views3 answers
Disable yellow box react native
Javascript React
0 vote214 views1 answer
ResolveAssetSource react-native-web
Javascript React
0 vote191 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote189 views1 answer
React import useCallBack
Javascript React
0 vote190 views2 answers
React router dom v6
Javascript React
0 vote271 views1 answer
React native image path in vriable
Javascript React
0 vote410 views1 answer
Window.location.search get parameters react
Javascript React