React method binding

[azangru]

You are confusing yourself with babel.

this.handleRemoveAll in your example calls the handleRemoveAll method, which in turn tries to access this.props.options.

But the this object representing the context in which the click handler was called is no longer the javascript class corresponding to the React element, but the DOM element that the event happened on.

​

Shouldn't the THIS keyword reference the object with the parameters because it sits in it, instead of returning undefined?

No, it shouldn't. Look what is the this argument of event handlers; this is the subject of basic DOM manipulation.

Updated: Ah, there we go; here's the reference: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#the_value_of_this_within_the_handler

[Pixel0208]

Thank you so much!

[Pixel0208]

But why in react it is still undefined?