/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

10 votes228 views3 answers
Jquery react npm
Javascript React
1 vote322 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote226 views1 answer
React state deconstructed
Javascript React
5 votes211 views2 answers
Lazy loading react
Javascript React
0 vote212 views1 answer
How to download json object that come from backend in react
Javascript React
18 votes218 views6 answers
React-native make android apk
Javascript React
1 vote216 views2 answers
React native map array of objects
Javascript React
0 vote267 views1 answer
React-router useNavigate
Javascript React
-1 vote277 views1 answer
Install proptypes react
Javascript React
1 vote227 views1 answer
Axios upload progress react
Javascript React