To bind event handlers in React JS component you can easily define arrow functions, by making use of this method you will be accessing the same context in the component.
import React from 'react';
class Toggle extends React.Component {
state = { name: 'Hello dad' };
render() {
return (
<button onClick={ this._handleButtonClick }>
Greet Dad
</button>
);
}
_handleButtonClick = () => {
console.log(`Message: ${ this.state.name }`);
}
}
Leave a reply