/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 vote195 views1 answer
React-native-charts-wrapper:compileDebugJavaWithJavac FAILED
Javascript React
13 votes184 views3 answers
Enable emmet vscode react
Javascript React
25 votes194 views3 answers
Setting a background Image With React Inline Styles
Javascript React
0 vote230 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
11 votes207 views2 answers
React must be in scope when using jsx
Javascript React
0 vote228 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote181 views1 answer
Import tippy react
Javascript React
0 vote201 views1 answer
React js date ago
Javascript React
1 vote210 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote201 views1 answer
Unrecognized font family 'feather' react native
Javascript React