/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 vote309 views1 answer
How to place text over image in react
Javascript React
9 votes130 views6 answers
React Component
Javascript React
6 votes142 views6 answers
Shadow react native generator
Javascript React
0 vote143 views1 answer
React regions
Javascript React
0 vote119 views1 answer
React make component full screen
Javascript React
0 vote132 views1 answer
How to make multiple link using react
Javascript React
4 votes153 views1 answer
React router external link
Javascript React
108 votes207 views2 answers
React start new app
Javascript React
0 vote140 views1 answer
React userefrence example
Javascript React
0 vote165 views1 answer
React nativ export default
Javascript React