I come back after finishing with the riots, retail, Narino trickle down or yacked model, so let us
back in our viewers to your codes and I can click here as often to can't remove and the fritzing required
to ease through.
To tent, OK, this cursor to a pointer, a modes to have a heyns, like once we hover, for example,
in a specific elements in order to click on it and view the model and view some details of the specific
products.
So let us begin, obviously records and we're going to come in.
Are they called Doges?
Not just our Vaikunta tests here.
The first thing I'm going to do is to change the top of this function on the top of these components
from a function component to the class components.
So this is what we're going to do for the first time.
And I'm going to say a.
Glass, so glass they call like extends.
Components like reactor components, in our case, we are going through its components here.
We're going to say components.
Components, please.
And here we are going to say steans components.
OK, we're going to say expense components.
And the.
I I think that you already know when you use a glass components, make sure to put your written function
inside of the render function.
OK, they're going to say ORENDER, that this is the render function in which we're going to pass or
function in order to solve a problem.
And we are using a glass components and we are going to replace everywhere we have these.
We are going everywhere.
We have props.
OK, we are going to say this does props and make sure to experts they like this.
They care.
And we're going to say props, we're going to replace untaught eight rigourously, props, props Heyns,
we're going to replace props by these those props like these, we can say these Dods props and replace
all Liikanen.
They good ain't OK.
Not prevent.
If we tried to bake, we are going to have the same results.
Just refresh the page.
Or is it?
And we really cannot three properties is unfounded.
Let us come here.
Oh, why this case so and so Zaid's like I have a problem with these most, so even excuse me, let
reloads very good luck and I can pull something like this.
Very good.
And we are going to change this a bit more to a.
So let us begin ignoring your calls so we have our image here.
Okay.
Our image is here and we are going to create a new we got it inside.
Okay.
Regnant Court decided curser like this, OK, we're going to court year, so they just copy and come
in our updos.
Yes, this year we're going to put it in our updates.
Yes.
This year.
And we're going to put up coercer like this in regards the or is going to beat you to sponsor.
So ANES, if we try to make sure Orie OK, you're going to see we have these and also we click.
So the D.A. is once we click on these elements, is to show it is to show the reenactment or we can.
You're going to see what is the right model.
So excuse me, it is obvious your.
Let's first up the thesis and we are going to create a new data in our state.
The reason why I advise you to add.
To change the type of dysfunction, to change the type of these components from the functional component
to the glass components, and I'm going to say state is going to be a courtroom and I'm going to create
a new data that I'm going to call and I'm going to call what they call K.
Fake car is by default, equal to no.
OK, Norris, you're going to keep it in your mind.
So what's required to the first thing is to come here.
We click on these to view, OK, the model.
So what's required to and we are going to say here, uh, we are going to create a new function and
so we're going to name dysfunction our paint model Hendra, forget our pain because they are paint a
model handler like this Alpen model, render it like defined.
These function like we cannot define this function and.
In every function, it will be in a function like it will be in every function is in every function
each year, and it will have a parameter which is going to be they call.
OK, I'm going to say here they also what they call like these.
Instead of dysfunction, we are going to make something we're going to say these last six states.
We're going to say they call, which is in our state here, which is nil by default, which is not by
default, is going to be equal to this parameter, which is what they call OK.
That is.
OK, like I told you, if you really have this thing thing, you can't remove one and put only one,
it's WACs.
OK, very good.
So we are going to take this one step.
And once we click, for example, on this image, OK, it is.
There is once we click on this image, the desire is to call this function.
And once we call this function, the they call data will change.
OK, so we are going to put this thing in this parameter copy before sort of pain model.
And you're going to come here in our image and we are going to call the unclick attributes like this.
And here we're going to say is equal to click the error function.
Like this.
We're going to say this, not like a murder Hendra.
OK, and this up in Madrid, Hendra, we are going to put a parameter here.
The parameter is going to be the props.
This does props because if we try to make our way, cause here you're going to see here from properties.
So we have the press, we have an image and we are going to add in other props.
We are going to say that is the description, OK, because with these with this car, we have first
for the image, the price and the description and ID.
But the idea in this moment is not important.
We are going to take only the description.
So let us come here.
We the description description is going to be equal to Kyra Dods description.
And then we are going to take the description, which is our DataDot Jason, our Jason site.
We are going to say cardboards description, make sure to put exactly the same thing with what we have
in our DataDot Jason.
So let us copy this description, which is let us leave this like this by the description and convecting
or they class.
That means once at this Dodge props, we are going to take all these props.
OK, we have the press, the description, the image and the other two cars.
So here in Orange Open-mouthed Render and this distance is here, that means when we are going to state
states to update our vehicle data, which is in our state, it will automatically take everything about
the props and the default value, which is Nele will be.
Will be will be operating.
OK, so we are going to come here in after here after this long, we are going to say we are going to
say we are going to put all our corporations in order to put the toughest fruits of sex.
We are going to say this.
Those states, those in.
They call, OK, we're going to take the call is true, OK, so that means.
If.
This states that they caught is nerve by default, it is nil and this condition, Cranswick, but if
we click on this button, OK, and we are all paying Modder and is premature and directly, it's we
automatically change the state of our vehicle and this condition will be three and and this condition
will be true and it will permit us to make the model.
So this is what I have to in my mind's eye.
And here we are going to say we are going to call the model.
First thing you need to do is to come here to impart your model.
You're gonna stay in perfect model, OK, from reelects model like this.
OK, we are going to import our models latest product and what's required.
So here we are going to see model.
That is OK, and here we to say, do not forget to put this is is OK, so do not forget to put this
address.
It's Kenz week.
OK, so I'm going to put it like this.
And if I tried to make here Wassa click Frisian Perpetration, click on it.
OK, you're going to see I have this model like ANES now he just moments I can access the.
They can't, I can't, I can say for example let us see, I can say for example or they call I'm going
to have for example Natron take the K.
I want to put it several times to the difference that I have a kid here, I can see.
Here or can.
Uh.
I can say this, that.
State a not.
I know, I can say.