/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 vote199 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote201 views1 answer
React locomotive-scroll
Javascript React
0 vote257 views2 answers
React js http post 500 internal server error
Javascript React
1 vote200 views1 answer
Document not intialized react js
Javascript React
2 votes216 views1 answer
Authfunctions react
Javascript React
10 votes276 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote240 views1 answer
How to add abutton component to drawer in react native
Javascript React
1 vote160 views1 answer
React use callback
Javascript React
0 vote208 views1 answer
How to download json object that come from backend in react
Javascript React
3 votes194 views2 answers
React router active link css
Javascript React