1 00:00:00,690 --> 00:00:01,980 We're not create states. 2 00:00:03,820 --> 00:00:13,180 And here we're going to the least of. 3 00:00:16,580 --> 00:00:17,300 Orders. 4 00:00:18,190 --> 00:00:24,060 OK, and it is going to be no actress. 5 00:00:26,760 --> 00:00:28,470 It will be an array. 6 00:00:33,840 --> 00:00:43,350 OK, so what's required so we have already said here we have already make it consulates, so what's 7 00:00:43,360 --> 00:00:43,680 required? 8 00:00:43,690 --> 00:00:52,280 So we are going to court these six states function in inside of arraying components. 9 00:00:52,380 --> 00:01:00,780 Did okay in order to take the data and update our states, which is here because we want to view this 10 00:01:00,780 --> 00:01:03,720 list of orders in our table. 11 00:01:03,980 --> 00:01:18,120 OK, and so we're going to see the list of orders is going to be equal to response response dot data 12 00:01:18,480 --> 00:01:19,320 and response. 13 00:01:19,320 --> 00:01:20,850 DOT data is an object. 14 00:01:20,850 --> 00:01:31,680 If you want to convert this object to an array to the array, we are going to say objects, not values. 15 00:01:32,760 --> 00:01:41,610 And we are going to put response data inside and we can get all this data in our list of order. 16 00:01:41,910 --> 00:01:43,380 OK, very good. 17 00:01:44,160 --> 00:01:48,390 And so what we're going to say, we are going to come here and here. 18 00:01:48,390 --> 00:01:50,670 We have a here, OK? 19 00:01:50,850 --> 00:01:54,740 We are going to loop we are going to use the map function. 20 00:01:55,080 --> 00:02:01,920 We're going to say this dot state, that list of orders. 21 00:02:02,130 --> 00:02:07,800 OK, that map, that's map and what's required. 22 00:02:07,810 --> 00:02:09,390 So this is the map function. 23 00:02:09,750 --> 00:02:14,970 And so we're going to say order, OK, this objects. 24 00:02:15,540 --> 00:02:18,180 And so we're going to call the return function. 25 00:02:20,780 --> 00:02:29,600 The Ireton function, and instead of our return function, we are going to put it here like this. 26 00:02:30,410 --> 00:02:38,750 OK, and don't forget to put the key attributes and we're going to say all the dots. 27 00:02:39,260 --> 00:02:42,700 ID like the idea, which is in our database. 28 00:02:42,710 --> 00:02:43,910 You can say all the dots. 29 00:02:43,910 --> 00:02:49,550 ID put this like all that we have here is from our database. 30 00:02:49,580 --> 00:02:52,760 OK, so let us go back here and here. 31 00:02:53,000 --> 00:02:59,670 Going to have a table division in order to view the client's name in the order. 32 00:02:59,690 --> 00:03:06,050 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. 33 00:03:06,530 --> 00:03:08,630 You're going to say, oh, the. 34 00:03:11,380 --> 00:03:13,780 Not clients like. 35 00:03:22,700 --> 00:03:33,050 Clients not email, that is OK, they don't speak here, very good, because you have air and we have 36 00:03:33,050 --> 00:03:38,360 also the email and if we try to come here, you will see we have only one information. 37 00:03:38,390 --> 00:03:39,050 Very good. 38 00:03:39,700 --> 00:03:44,010 And I'm going to back to the the order, which is our ID cards. 39 00:03:44,550 --> 00:03:49,820 OK, so let's put this all in uppercase. 40 00:03:52,180 --> 00:03:59,080 That is very good and I think the third thing is the cart. 41 00:04:03,750 --> 00:04:06,390 This copy pushier. 42 00:04:10,690 --> 00:04:18,520 And here we're going to say cuts, very good cuts, and if it were to come here, I'm going to get here. 43 00:04:18,710 --> 00:04:30,720 OK, I can see it like this because if we try to make our console log, you're going to see that card 44 00:04:30,730 --> 00:04:33,850 is in array. 45 00:04:34,250 --> 00:04:39,610 OK, let us put like this response data. 46 00:04:40,210 --> 00:04:41,740 Come in or inspect. 47 00:04:42,730 --> 00:04:43,900 Reload this page. 48 00:04:44,200 --> 00:04:45,870 OK, this object. 49 00:04:45,880 --> 00:04:46,750 Let us come here. 50 00:04:46,750 --> 00:04:49,100 You can see if we tried to open. 51 00:04:49,120 --> 00:04:52,800 We have clients normally e-mail, but card is an array. 52 00:04:53,230 --> 00:04:56,580 So a reason why we have to solve this problem. 53 00:04:56,590 --> 00:04:58,180 So how to solve this problem. 54 00:04:58,810 --> 00:05:00,250 Let us come in or admin. 55 00:05:00,250 --> 00:05:02,890 Yes, admin. 56 00:05:03,250 --> 00:05:11,320 And here we are going to use also the map function and we're going to use the nested map function. 57 00:05:11,330 --> 00:05:11,770 We can. 58 00:05:14,390 --> 00:05:16,860 Malfunction instead of malfunction. 59 00:05:17,810 --> 00:05:29,030 So what we're going to say, we're going to say order can order dot cards, dot MUP like this, okay? 60 00:05:29,660 --> 00:05:30,490 No, it's a map. 61 00:05:32,250 --> 00:05:32,660 Yes. 62 00:05:32,660 --> 00:05:34,490 And here I'm going to say cut. 63 00:05:37,260 --> 00:05:41,280 Scrolled through this, I'm going to see it written. 64 00:05:42,990 --> 00:05:53,910 And instead of return, we're going to see cards and instead of written, we're going to say cards not. 65 00:06:02,020 --> 00:06:05,390 We can see if it's right, we can see in search, of course, we have description. 66 00:06:06,100 --> 00:06:10,410 OK, we have e-mail and array order there. 67 00:06:10,420 --> 00:06:11,970 We cannot take the description. 68 00:06:12,100 --> 00:06:17,950 I can't take, first of all, the description because the description we have, the name of the car, 69 00:06:18,580 --> 00:06:19,530 it is big here. 70 00:06:20,110 --> 00:06:20,650 Very good. 71 00:06:20,650 --> 00:06:21,210 You're going to see it. 72 00:06:21,210 --> 00:06:21,790 We have it. 73 00:06:22,030 --> 00:06:29,320 Because if you try to open in our records here, we have somewhere that we have the description, description 74 00:06:29,320 --> 00:06:33,700 and we're going to have all this and we are going to have also the consequences. 75 00:06:33,930 --> 00:06:36,820 OK, it is enough to solve this problem. 76 00:06:37,330 --> 00:06:40,060 And then let us take all these. 77 00:06:41,050 --> 00:06:41,950 I think that's real. 78 00:06:41,950 --> 00:06:46,810 Going to use the template literals, OK? 79 00:06:48,800 --> 00:06:50,720 Template literals like this. 80 00:06:53,570 --> 00:07:05,420 Description and after, let's say quantity, when I put comma quantity is going to be equal to. 81 00:07:11,440 --> 00:07:18,620 Well, yes, he's going to be equal who counts, let a kid. 82 00:07:20,100 --> 00:07:23,450 After that, I want to put a sankaran. 83 00:07:23,880 --> 00:07:26,250 OK, ladies, back here. 84 00:07:26,880 --> 00:07:34,590 There you can see I have this and quantity is equal to one. 85 00:07:35,340 --> 00:07:37,540 OK, very good. 86 00:07:38,100 --> 00:07:39,360 And I can close. 87 00:07:39,660 --> 00:07:44,990 And if we try to aid in order, we can weave through products. 88 00:07:46,230 --> 00:07:47,070 Come here. 89 00:07:48,190 --> 00:07:52,200 I'm going to say here it's you. 90 00:07:54,340 --> 00:08:02,020 Pruett's, for example, just click on this validates and come here and I don't have the data and I 91 00:08:02,020 --> 00:08:02,960 had to reload. 92 00:08:03,790 --> 00:08:04,460 Very good. 93 00:08:04,480 --> 00:08:06,930 And I'm going to get hit with this. 94 00:08:07,020 --> 00:08:12,390 OK, you can see I have the fresh products here and this is the second port. 95 00:08:12,400 --> 00:08:19,830 So let us mix in space after a semicolon in order to separate things if we have to. 96 00:08:20,920 --> 00:08:22,330 Yes, very good. 97 00:08:22,330 --> 00:08:22,870 Like this. 98 00:08:23,470 --> 00:08:30,220 So I think that it was a very simple and we are going to continue in the next video where we are going 99 00:08:30,220 --> 00:08:37,540 to see how to make this part interactive, because in these moments, if we get something from our front 100 00:08:37,570 --> 00:08:41,500 and side like it, it doesn't appear directly. 101 00:08:41,500 --> 00:08:46,380 So we need to reload the page in order to view these products. 102 00:08:46,660 --> 00:08:51,180 So the next video, we're going to see how to make these parts interactive. 103 00:08:51,200 --> 00:08:56,480 OK, in order to view the information directly. 104 00:08:56,710 --> 00:08:58,750 Yes, a client's popchips.