/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 vote149 views1 answer
Header logo react native img
Javascript React
4 votes144 views4 answers
Deploy react app
Javascript React
-1 vote147 views2 answers
React pdf
Javascript React
63 votes144 views3 answers
Concat two arrays in react
Javascript React
55 votes139 views6 answers
Useref in react
Javascript React
1 vote136 views1 answer
React native run release
Javascript React
9 votes166 views3 answers
Disable yellow box react native
Javascript React
0 vote159 views1 answer
React-chartjs-2
Javascript React
0 vote142 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
98 votes169 views2 answers
Add bootstrap to react,.........,,,,
Javascript React