/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 vote128 views1 answer
Document is not defined react router
Javascript React
0 vote176 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
4 votes190 views2 answers
React checking matches in state array
Javascript React
0 vote190 views2 answers
Animation react
Javascript React
35 votes190 views6 answers
Create react app with tailwind
Javascript React
157 votes759 views6 answers
Create new react app
Javascript React
0 vote208 views1 answer
React native paper modal background
Javascript React
1 vote184 views1 answer
React redux actions must be plain objects
Javascript React
31 votes196 views1 answer
React router dom IndexRedirect
Javascript React
0 vote199 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React