/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 vote177 views1 answer
React hooks link to external site new tab
Javascript React
0 vote217 views1 answer
React native app slow lagging image
Javascript React
0 vote179 views1 answer
React return value from component
Javascript React
-1 vote246 views1 answer
How many data binding in react
Javascript React
0 vote182 views1 answer
Jsx not working in react vscode
Javascript React
0 vote170 views1 answer
React Spread Attributes conditionally
Javascript React
1 vote184 views1 answer
Yup only characters regex validation react
Javascript React
63 votes177 views3 answers
Concat two arrays in react
Javascript React
2 votes193 views3 answers
Linear gradient reactjs
Javascript React
6 votes182 views4 answers
Add items to a react array in hooks
Javascript React