The ultimate guide to react native development | Tutorial 6 | What About this? | React native

Unlock the Power of React Native Development with our Ultimate Tutorial Series! ? In Tutorial 6, we dive deep into 'What About this?' in React Native. Discover essential tips and tricks to supercharge your app development journey. Don't miss out – watch now!" #ReactNativeDevelopment #TutorialSeries #AppDevelopmentTips

What About this?
The handling of this is also different in arrow functions compared to regular functions.

In short, with arrow functions there is no binding of this.

In regular functions the this keyword represented the object that called the function, which could be the window, the document, a button or whatever.

With arrow functions, the this keyword always represents the object that defined the arrow function.

Let us take a look at two examples to understand the difference.

Both examples call a method twice, first when the page loads, and once again when the user clicks a button.

The first example uses a regular function, and the second example uses an arrow function.

The result shows that the first example returns two different objects (window and button), and the second example returns the Header object twice.

Example
With a regular function, this represents the object that called the function:

code::

Example
With an arrow function, this represents the Header object no matter who called the function:

code ::

Remember these differences when you are working with functions. Sometimes the behavior of regular functions is what you want, if not, use arrow functions.
00:00 what about this ?
00:27 Two Examples
00:48 Examples explanation This
01:05 Example and code