Nesting Functions in JS

Question

I am trying to understand some concepts in reactjs, but I\'m unable to understand nesting of functions. I created the below example for investigating my concern.

In

Answer 1

The context changes inside the map function, therefore "this" points to something else. If you want to have the "proper" this you could use an arrow function, which has lexical "this".

const displaydata = data.map(point => {
  return (
    
{this.renderInnerContent()}
  )
});