/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 vote318 views1 answer
React native geocoding
Javascript React
0 vote314 views2 answers
Editable pre input react
Javascript React
0 vote317 views1 answer
Preventive vs reactive
Javascript React
116 votes328 views6 answers
Bootstrap react
Javascript React
0 vote279 views1 answer
React navigation history clear
Javascript React
1 vote376 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote318 views2 answers
Toastify react not working
Javascript React
-1 vote295 views1 answer
Date time react component
Javascript React
0 vote304 views1 answer
Find in array and return true or false react js
Javascript React
0 vote308 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React