I'm trying here to understand the necessity of the binding I commented ..
class Toggle extends Component {
constructor(props){
super(props);
//this.handleClick = this.handleClick.bind(this);
}
handleClick() {
console.log(this);
}
render() {
return (
<button onClick={this.handleClick}>
...
</button>
);
}
}
when I log this
inside the handleClick
it outputs null
..
I understand that the binding is needed to connect the handleClick
method to the Toggle
Object ..
But shouldn't the log now look for where was the handleClick
invoked or called so it would output global object ?
Or should it have looked for 'what' invoked the handleClick
inside the onClick
which is the other this
that refer there to the Toggle
Object so it would output it ?