/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

40 votes220 views4 answers
What does useref do react
Javascript React
0 vote210 views1 answer
React-select-search useSelect hook
Javascript React
0 vote235 views1 answer
Array of refs react
Javascript React
0 vote207 views1 answer
Jest create react app only run one test
Javascript React
7 votes201 views3 answers
How to update a state with an array react
Javascript React
0 vote229 views1 answer
React-map-multidimensional-array
Javascript React
0 vote223 views1 answer
React native cli sdk.dir
Javascript React
0 vote268 views1 answer
React native run-android --release
Javascript React
0 vote193 views1 answer
Header logo react native doesn't show
Javascript React
0 vote201 views2 answers
React native navigation header Right
Javascript React