/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 vote184 views1 answer
Start live server react js
Javascript React
2 votes160 views1 answer
Lifecycles if reactjs
Javascript React
2 votes167 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote206 views1 answer
State creation in class components reactjs interview questions
Javascript React
10 votes178 views3 answers
Jquery react npm
Javascript React
0 vote163 views1 answer
Find null/empty values in reactive form
Javascript React
-1 vote208 views5 answers
Context Api in react
Javascript React
0 vote158 views1 answer
React bootstrap navbar align right buttons
Javascript React
1 vote183 views2 answers
React PropTypes.instanceOf
Javascript React
6 votes181 views2 answers
React native activity indicator
Javascript React