All comments, the first wave that we have used in order to display data and regulatory court decisions
wage and the second way of displaying data is the sprits operates for the second way, is that when
we use this operator, for example, and by using the sprint operator, let us take, first of all,
the closing tigerman components.
So make sure to take these measures to to take these components.
And what's we going to do?
We are going to remove all parameters that we have in our components.
And you're going to open your car businesses and then we are going to use the sprits operator method.
So what you are going to do, you are going to say dot, dot, dot, three dots and you're going to
say this.
And here you are going to say, if you want to access your data it in your states, you're going to
state this that states dot.
And my car's like this and put your eRate like this and put the index of the elements that you want
to access, for example, in our data.
We have three index.
This is the first index the second way and it fades.
And if we want to resume access to the first index, we are going to put zir freezing.
And if we try to back in our browser, as you can see, we're going to have only the first error means.
And if we want to reuse the same components three times the same times and this different time, and
here we are going to put one if we want to, access to the dissident index and different index, we're
going to put two.
So let us make sure and you're going to see we are going to access in our data that we have in our states,
the positive side of using spray operates or as you can see, we have only we if we have a short line
of cards instead of using this way, if you want to use only a shot of cards, you are going to use
this method when you use the spreads.
But the negative side of using separate operator is you cannot display a specific data.
For example, if you want to display only colors like in our first day, wait, it is not a very brief,
disparate operator or disparate operator.
It allows you to display, to view, to access in all data that you have in your state.
This is the negative side of the separate operator, but the very positive side is a very short line
of clouds.
So let us pass to the Fed rate that's we're going to learn in this course.
In my case, it is the best rate.
We are going to be using the map function.
The my function is like a fairy slope.
So we are going to be using the map function in order to access in each data that we have in our states.
So let us come here, make first two points to put your card receipts and we are going to say this,
not state.
That's my cars like these dots map and you want to call them up function like this.
Very good.
And instead of your in inside side of your brackets in this parameter here, you called it my function.
Can't you call it my function and set off your map function.
Not inside, but the parameter in the perimeter of your malfunction here you are going to create a Nuray
function.
Let us put first like this.
This is the array function and put Uri and you're going to put your Hybris like this.
You pass your array function as parameter inside of your map function.
So what you want to say here, you are going to set the first parameter.
You are going to put a car, for example.
You're going to name your parameter like you want.
As I just told you, the map function is like if it's loop and here you can see is to say like we have
car in my cars, like for the foreach loop.
And there is we can access in each information that we have in our state, in each data that we have
in our states.
So let us come in in such here and there, we are going to call the return function, put like this,
put the return function.
Excuse me.
On.
Ireton.
Yes, and we are going to return the components, a single components, let us take these components
here.
Now, let us take.
Yes, let us take this component.
Regan, a copy and paste it in inside of our written function.
So here, what are going to say?
Everyone's going to say anymore more this status, my car's battery going to say only cartloads brains.
If once resample to display the print, it's like a Ferrari to look like with car in my car's cars,
thoughts, brains and hearing.
I say cars Dods color if you want to display color.
Let us come here, cardboards price, very simple and very easy, so let us back here and let us reload
the page.
Roy Hearsays is.
Cars of anything cannot property, cars, let us come here.
Price for the price.
Is this.
Noises, OK, so now this here is can see you have to put only cardboards price, so the ear is as can
see, if we tried to reload the page, we are going to get the same thing by using the malfunction.
As you can see, we have in your here the ear says one, it starts in.
Leith's should have a unique key.
As you can see in our array here.
You can see it is a list.
But if.
It sounds massive, a unique so we are going to scroll down solid.
Scroll down here.
We are going to add this Sagaing parameter here.
And we are going to name this parameter index, you can name this parameter like you want.
In my case, I'm going to name its index and here is some of your components.
The component that you return, you are going to add another parameter that you're going to name key.
You have to know to name your parameter key like this.
It is a reserve, its roots.
And here you are going to say is going to be equal to index.
So let us all at.
Return a closer look here.
We're going to take a look to see what is the index consultants like here to say index.
Very good luck this council like and let us back here.
You're going to see this.
The era is resolved.
The era is solved.
We don't have the era anymore.
And here we have our index.
This is the first index, which is zero.
The second one, it is one.
The third it is true.
That's mean in each year because our tier returns different data that we have in our rate, in our error
rate, which is in our states.
As you can see, the arrays of data which is included in our states, which is in our states, and for
each list, each index, you have to put also the unique key reason why we have take this index and
make sure the second parameter that you want to add here is going to identify your unique key.
So make sure to put it here by your side of the key parameter.
And then you can see the error is very simple and the.
As I have told you, as I have told you before, you can use this method by calling for shoddy construction
and if you're using the actual version or the old version, but with the actual version, you can use
this method or not.
So let us commit this construction.
So it this commenced or so this process is better.
Yes.
This court process.
And that with the actual version you can remove and put only states like this.
And you're going to get this thing with extroversion, make sure to create your stats only, only latest,
and if you try to make sure you're going to see we're going to get this thing.
I think that it was very helpful for you.
And if you like the cars, so do not forget to comment.
Do not forget to read the course.
And then you will not encourage me to do more about this cause.
So we are going to continue through the next video.