Our body in such authority, we have it here, which is dynamic, because each time that's we're going
to add a new brain, a new car, a new press, this part is going to be dynamic.
So this part is dynamic, but this one is static.
So let us make sure in our own cars to chase.
And as you can see, and we have succeeded to create our table instead of by car components.
So I'm going to show you something.
As you can see, instead of using several years, if we have, for example, several informations,
save our data for the brain's color in price, we are going to create a new a file, a new component
that's regular car in singular because we are going to integrate our car components in all my cars,
not just my cars, which is in pleura.
And we're going to create a single component, a car component in singular.
And then we are going to integrate these same components in our image cars the days, because the importance
of using components is why you're using components.
You can't reuse the same components several times instead of putting all these cards.
So let us come here.
We are going to click on this or see for a folder.
We are going to say car nowadays days.
And this car will allow us to just display data because we are going to talk about perhaps we are going
to take data from my studies.
And so we're going to display these information dynamically in our car today.
So don't worry.
So it will be very clear.
So these cars, the components will have a statelets type.
So we are going to say, for example, let us import.
They react dependence.
We are going to say imports Riet.
So do not forget to import these and Regner say from react.
And so here we just say function.
These are created by using the.
We can say, for example, caused by using the error function, your function and weakness, say.
That this.
Very good.
And just make sure to exports the your components like this.
And here we got set, let us begin our main course, we're going to do we are going to remove all this.
We are going to use component's let player that has come here and here, we are going to call the return
function Letta's.
Portraits, hung functions here, and we are going to put only once a year, only once a here, because
we are going to take this these components and we are going to use these components every time.
And we are going to use these components dynamically according to the numbers, all the data that we
have let bitchier.
Like this, and for brains, as you can see, so let us make make cars and water.
We are going to import the custodies instead of my custody's let us restore import to the car, load
this import car.
From.
Like this.
From.
Yes, kadota selectees.
He does throw down and here we go to see.
My car.
And here is Friesian part, we have three data about the brands car in price or so on, we are going
to use the same components, the same components three times.
But if we try to make here in reality PED's, it does make.
Yes, as you can see, we have a the same components three times, but we've had the same information
because if we try to make our ecology's, we have this information.
And here's the thing we're going to do.
We are going to display dynamically deformation according to the number of branes call or price.
That means according to the number of information that's required here.
So we are going to remove all this.
It does remove all these.
We are going to remove all these.
Yes, and we are going to take data from our Mike Custodies, because this is a statelets components.
These components allows us just to display data, but the data is inside of my car to test.
So what we're going to say, for example, here for the first components, we're going to say the first
components.
You're going to be Toyota.
It is Siggins, you won't be Mercilus.
The third one, you're going to be Maisto.
So if we tried to make sure it's Reloaded Page, you're going to see we don't have we have nothing in
our table.
So here we are going to try calling out the props.
Nosheen So the props allows you to take data from your parents component to detach components.
So the desire is to take all this information and display this information dynamically, take this information.
They display information dynamically in our custody, which is a subcomponents or it's all components
of our microstates.
Now we are going to use the props and let us fish for a comp here by default, ritziest that a law allows
you this parameter props.
So what are we going to do?
We are going to pass the props as parameter instead of your function.
So rotted like this.
Props.
And then before displaying Arties, we are going to make a consult like you're going to say c, l,
g if you have in storeyed.
Yes.
The LG and hearing us say props like this letters we saw a display, for example, the console and letters
bitchier, click on right click click on inspect.
And let us click on console, you're going to see by default we have three objects, the three object
is according to the them, the number times,
the number of times, the number of times that we have reused the components in our parents components.
Reason we can see by the fourth year we have three objects.
And if it's right to click on the first object, you're going to see we have children, Toyota dissaving
objects, we have children, Mercedes's, Difret, the different objects.
We have children, Mazda, as you can see.
And if we try to back in alre, my custodies, you're going to see we have this information here.
So the props, it allows you to take this information and pass it, pass this information to the subcomponent
reason why you can see we have put props here and consult like we have it spreads props here.
So that means we can easily display all this data from a power components to detect components by using
props.
So as you can see, this is the importance of props.
And let us be big for sure in our cars.
As you can see, once you create, for example, when you call, for example, a components by using
the closing and opening, take like this, make sure you have to notice every day you are going to put
between your your your tag is going to be corridor's a huge reason why you can see we have children
here.
We have children and we have children.
And we we don't have only the brains, but we have also the color and the press.
But in our case, we are going to pass our PRUs and color as parameter inside here.
So here we going.
See, for example, Carlaw.
Let us see what's going ahead.
Color, you are going to say, for example, like for the first information and say the price the press
is going to be.
Like this, we're going to take the same.
It is copy we're going to pass here.
It is pushier, yes.
Thirty thousand dollar, twenty thousand dollar.
And if we try to make here in slaters reloads.
You're going to see we're going to have only the.
We also have the in the three components in the three objects, and if you try to click on the first
objects, we have the children, which is Toyota, and we have color, which is Blak, we have press.
It is a fifty thousand dollars.
As you can see, we have for the first time the color price and it's very, very simple.
And that props allows you to take this information from a power components to the third component.
So we are going to make this dynamic and let us begin our coverage is what's we're going to do.
For example, if we want to display all this information, we are going to come here and make sure to
our panel categorises.
What are you going to say, props?
Not as you can see here for the first, we have the brains, the thing you're going to do for those
children because their brains is the tasering notice.
We had props, those children, because if you want to access Disney didn't bring out of your car,
you are going to say props the children.
And the reason why you can see we give Toyota, Mercedes and Mazda butts a 40.
And for the treaty's passage here in its parameter, we are going to call this data by using their name,
as you can see, because the data that we have between our rate and a rate tag, our take is it children?
It does not have a name by default.
It is children because it is between the tag.
But our data that's ripostes is parameter such.
Here we are going to court data by using the only reason why.
If you try to make sure in Arkansas, look, you have we have price in the here.
And if you want to display the children, we have perhaps two children and here going to say perhaps
that's color, perhaps dots price.
So let us come back here.
Hearing us say probes, roads, cordon and probes DOD's price, let us try to make sure the.
We have these black Mercedes sheriff.