/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

20 votes230 views2 answers
React localstorage
Javascript React
0 vote240 views1 answer
@testing-library/react-native switch
Javascript React
63 votes216 views6 answers
React router install
Javascript React
0 vote242 views2 answers
Read data in props.histroy.push in react component
Javascript React
22 votes246 views2 answers
React-bootstrap example
Javascript React
18 votes263 views3 answers
Add material ui to react
Javascript React
0 vote243 views1 answer
React native qr code scanner
Javascript React
0 vote238 views1 answer
React native counter
Javascript React
0 vote238 views3 answers
Run react native with debugger breakpoint
Javascript React
8 votes244 views1 answer
Ternary operator in button react
Javascript React