We're not create states.
And here we're going to the least of.
Orders.
OK, and it is going to be no actress.
It will be an array.
OK, so what's required so we have already said here we have already make it consulates, so what's
required?
So we are going to court these six states function in inside of arraying components.
Did okay in order to take the data and update our states, which is here because we want to view this
list of orders in our table.
OK, and so we're going to see the list of orders is going to be equal to response response dot data
and response.
DOT data is an object.
If you want to convert this object to an array to the array, we are going to say objects, not values.
And we are going to put response data inside and we can get all this data in our list of order.
OK, very good.
And so what we're going to say, we are going to come here and here.
We have a here, OK?
We are going to loop we are going to use the map function.
We're going to say this dot state, that list of orders.
OK, that map, that's map and what's required.
So this is the map function.
And so we're going to say order, OK, this objects.
And so we're going to call the return function.
The Ireton function, and instead of our return function, we are going to put it here like this.
OK, and don't forget to put the key attributes and we're going to say all the dots.
ID like the idea, which is in our database.
You can say all the dots.
ID put this like all that we have here is from our database.
OK, so let us go back here and here.
Going to have a table division in order to view the client's name in the order.
So the first thing we're going to do is who called the client's name and what's we're going to say here.
You're going to say, oh, the.
Not clients like.
Clients not email, that is OK, they don't speak here, very good, because you have air and we have
also the email and if we try to come here, you will see we have only one information.
Very good.
And I'm going to back to the the order, which is our ID cards.
OK, so let's put this all in uppercase.
That is very good and I think the third thing is the cart.
This copy pushier.
And here we're going to say cuts, very good cuts, and if it were to come here, I'm going to get here.
OK, I can see it like this because if we try to make our console log, you're going to see that card
is in array.
OK, let us put like this response data.
Come in or inspect.
Reload this page.
OK, this object.
Let us come here.
You can see if we tried to open.
We have clients normally e-mail, but card is an array.
So a reason why we have to solve this problem.
So how to solve this problem.
Let us come in or admin.
Yes, admin.
And here we are going to use also the map function and we're going to use the nested map function.
We can.
Malfunction instead of malfunction.
So what we're going to say, we're going to say order can order dot cards, dot MUP like this, okay?
No, it's a map.
Yes.
And here I'm going to say cut.
Scrolled through this, I'm going to see it written.
And instead of return, we're going to see cards and instead of written, we're going to say cards not.
We can see if it's right, we can see in search, of course, we have description.
OK, we have e-mail and array order there.
We cannot take the description.
I can't take, first of all, the description because the description we have, the name of the car,
it is big here.
Very good.
You're going to see it.
We have it.
Because if you try to open in our records here, we have somewhere that we have the description, description
and we're going to have all this and we are going to have also the consequences.
OK, it is enough to solve this problem.
And then let us take all these.
I think that's real.
Going to use the template literals, OK?
Template literals like this.
Description and after, let's say quantity, when I put comma quantity is going to be equal to.
Well, yes, he's going to be equal who counts, let a kid.
After that, I want to put a sankaran.
OK, ladies, back here.
There you can see I have this and quantity is equal to one.
OK, very good.
And I can close.
And if we try to aid in order, we can weave through products.
Come here.
I'm going to say here it's you.
Pruett's, for example, just click on this validates and come here and I don't have the data and I
had to reload.
Very good.
And I'm going to get hit with this.
OK, you can see I have the fresh products here and this is the second port.
So let us mix in space after a semicolon in order to separate things if we have to.
Yes, very good.
Like this.
So I think that it was a very simple and we are going to continue in the next video where we are going
to see how to make this part interactive, because in these moments, if we get something from our front
and side like it, it doesn't appear directly.
So we need to reload the page in order to view these products.
So the next video, we're going to see how to make these parts interactive.
OK, in order to view the information directly.
Yes, a client's popchips.