/Javascript/React/React bind function to component

React bind function to component

class Foo extends Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
    console.log('Click happened');
  }
  render() {
    return <button onClick={this.handleClick}>Click Me</button>;
  }
}

Source: reactjs.org

Similar codes

2 votes556 views2 answers
Select option in reactive forms
Javascript React
8 votes375 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote345 views1 answer
React open on different url instead of localhost
Javascript React
0 vote375 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
13 votes390 views1 answer
React making post request
Javascript React
0 vote363 views1 answer
React inlinle style set background image
Javascript React
1 vote384 views1 answer
Dynamic forms in react
Javascript React
24 votes331 views6 answers
React native navigation
Javascript React
0 vote364 views1 answer
Limit data with axios in react js
Javascript React
0 vote374 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React