ReactJS Tutorial - 14 - Binding Event Handlers 

True! Clear and concise! Very helpful.

I hope you already landed your dream job

Yes. This is the actual reason it gives undefined.

please elaborate a little

hey please elaborate more

arrow functions don't create their own context so there it worked without binding.

@@akashgupta1353 First of all "this" keyword points the Parent element on which it is called . So when you use a Named function with the "this" keyword inside it , it isn't binded to anything at all ..So the control passes to the "Window" element . So the Window element acts as a parent to the Named function . We see "Undefined" here because we use "Strict mode " in Javascript . What Strict Mode does is, if there is a named function( without any Bind method ) it transfers control to the parent element(window element) as i said ..this action is blocked by the strict mode ..So you see "undefined" in there ...However if you take off the strict mode ,you should see it will return the Window object ... The One Stop Solution to all of this is using arrow functions which takes parent element as the Class and not the window object .

haaha yes (this) was

this.setState({ comment: 'Haha, coding joke' })

@@moderncloth682 undefined

Me too

better*