/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

6 votes378 views3 answers
Multiple path names for a same component in react router
Javascript React
1 vote297 views2 answers
Autofocus react
Javascript React
3 votes291 views1 answer
White screen issue in react native splashscreen
Javascript React
0 vote302 views1 answer
React native camscanner application mobile code
Javascript React
1 vote332 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
0 vote301 views1 answer
How to change grid size with conditional expression in react
Javascript React
1 vote293 views1 answer
How to position View absolute react native
Javascript React
0 vote297 views1 answer
React bootstrap navbar align right buttons
Javascript React
3 votes294 views1 answer
Force update react hooks
Javascript React
0 vote313 views1 answer
React function called last state
Javascript React