/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

0 vote160 views1 answer
How to set dynamic size in react js
Javascript React
10 votes208 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
2 votes151 views1 answer
React onclick type
Javascript React
13 votes165 views5 answers
React native setup
Javascript React
0 vote197 views1 answer
OAuth with axios react native
Javascript React
97 votes173 views8 answers
Create react app
Javascript React
1 vote147 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote151 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
3 votes150 views2 answers
React is there a safe area view for android
Javascript React
0 vote199 views9 answers
How to run a cloned react native project
Javascript React