So we going to persist a step by step in order to make the call, the the the understanding very easy.
So the first thing I'm gonna do is to back in over the years to your calls and I'm going to come in.
Oray Satoshi is OK.
Satoshi is component's.
I'm going to come here or start to chase click here.
Yes.
Start to chase that components.
And I'm going to do something that you can understand in order to make these parts interactive once
a client purchase a product.
So what I'm going to do, I'm going to come here or start to chase.
I'm going to trust you to change this from a function components to the glass components.
We're sixteen's.
Extends components like this.
OK.
And so what we're going to do, we're going to take all the return function, just put it in the brain,
the function.
Back to his.
Yes.
So we share the same thing if we try to make sure I get this same thing, very good, don't speak to
your cards.
So what's required to lift a finger against wishes to come here?
OK, you understand?
I'm going to explain you step by step.
We're going to create a data in our states and we're going to name these refresh kit.
It will be a boolean by default.
Regular state is to force and update that's.
We're going to create a function that's going to call or refresh.
We can.
Refresh my state.
Refresh state's hands through.
It's Rigby in there.
It's really.
It irritates.
Yes.
And in such a year, we're going to update.
We're going to say cichlids.
We're going to refresh.
He's going to be cut through.
And.
So let us use the states like it does grape festival, all this, and so we are going to say praise
state is going to be equal to that this.
Past and we're going to pass all this like and is going to be equal to, OK, parade of states, the
great fresh lettuce.
OK, so when are we going to call this function?
And dysfunction will update our refresh can by default it is first and when it will update its will
be true.
OK, very simple.
So I know what I mean by this.
Let us see what's required.
So I'm going to take this refresh states, Andrew, I'm going to take this function and I'm going to
pass this function as a prop from the test.
OK, so you've got to understand why.
So let us come here.
I'm going to call this a refresh.
I'm going to create this props by calling this refresh.
And here I'm going to say this dots refresh the state's Hensler.
I can notice refresh its entry and I'm going to take these props and I'm going to come here.
Arain Hamdard this.
Yes, the just here and we are going to look for the form from is here because we want to transfer this
to the form you're going to.
Why.
And I'm going to yes.
I'm going to create a not a prop in our thumb with the same name.
And here I'm going to say this OK, I use this because homology is a class, function is a class components
props that refresh.
OK, so I'm going to take this copy and come away from the chase.
OK, so what I'm going to do, you see, here we are.
Insert the wonderous on.
No problem.
We are in the form dodgiest like from the address we have is from OK once we click on order OK, once
we click in this button we have this phone.
OK, that means this form is a component.
The component is mounted.
OK, when we click here we shrugs and when we click here, the components is rendering to the dome and
other dots.
The components is a is mounted and now we can access in the components function.
OK, like we talk about, first of all, we have reconstruction, construction of the image of three
components.
The component is renderings.
And after that we can the component is a mounted and then we can access in the components did months.
OK, so what is the desire?
The desire is to work when we we have rendering the components in our browser.
And after that we are not the components, the demands and the design is to call the component the demand
functions here.
OK, sure you don't understand why component did not function.
And then we are going to call this function.
OK, that's we have tranced buried by props.
OK, so what we're going to say we are going to say it is a this, it is a class function, it is a
class component.
Just those props that refresh, OK, it is a function.
So make sure to put these brackets like this.
And that means if a Kasoulides reload this page, OK, and we are going to inspect, let us click,
inspect and come here in array components, click on components.
So let us look for site doges because yes, our state is there by default.
We can still have a refresh force.
By default it is false.
OK, so once we click on this button we are going to render the film in our dome.
And after rendering our form today, we are going to say that the form is mounted and then we can access
through the components this month and we have called the components this month instead of R from the
test.
That means it's automatically called dysfunction, which is Prop eight, which is a refresh, which
is our strategies.
And then we are going to update.