Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,090 --> 00:00:05,430
In Dallas, like have learned how to pass props from component to the component, in our case, we have
2
00:00:05,430 --> 00:00:12,210
passed props from up component to nav bar component in these electoral tocontinue with props and to
3
00:00:12,210 --> 00:00:18,360
what we are going to do is that you'll create exchange data, exchange releases data and will pass these
4
00:00:18,360 --> 00:00:20,370
data to exchange at least component.
5
00:00:20,610 --> 00:00:25,110
So we have something to display and display and we are not is playing guitar to pull that data have
6
00:00:25,110 --> 00:00:25,890
defined here.
7
00:00:27,510 --> 00:00:31,650
All right, let's start and let's start by opening the resources of this lecture.
8
00:00:31,860 --> 00:00:33,060
OK, so stop the video.
9
00:00:33,060 --> 00:00:38,970
On the right side, you should find the resources of this lecture and on the link, and they are data
10
00:00:39,330 --> 00:00:39,690
later.
11
00:00:39,690 --> 00:00:43,500
The Jazz and here are so that here is a list of exchanges.
12
00:00:44,630 --> 00:00:50,810
So simply copy the entire list, go to your code and go to Abdullah View.
13
00:00:51,680 --> 00:00:58,580
For now, we will define these exchanges here, so let me copy only an actual copy of this error part.
14
00:00:58,610 --> 00:01:02,720
This brackets square brackets and color brackets inside this part here.
15
00:01:04,370 --> 00:01:11,570
Create your exchanges so that comma exchanges and let's face it here, OK, it's not indented at all,
16
00:01:11,580 --> 00:01:15,470
so I need to select everything from I.D. to this bracket.
17
00:01:15,470 --> 00:01:19,820
So it's like a bracket and ideal press, but I'll press up a couple of times.
18
00:01:20,990 --> 00:01:21,530
Like this?
19
00:01:23,250 --> 00:01:24,270
OK, much better.
20
00:01:24,960 --> 00:01:28,440
So let's take a look at this data, so what will ah, change?
21
00:01:28,470 --> 00:01:36,210
Um specifies the exchange, specify its or its ID, so these will be some unique identifier which will
22
00:01:36,210 --> 00:01:40,050
help us to retrieve the exchange from their database.
23
00:01:40,620 --> 00:01:41,000
OK.
24
00:01:41,100 --> 00:01:46,950
There are some specific identifier that we have a type of the exchange, which can be product or a service.
25
00:01:47,130 --> 00:01:49,950
For example, product can be car we can exchange set of.
26
00:01:49,950 --> 00:01:52,800
It's going to be programming lessons as you have here down here.
27
00:01:54,390 --> 00:01:54,810
OK, then.
28
00:01:54,810 --> 00:01:56,790
A. Have a title or some title.
29
00:01:56,790 --> 00:01:59,280
They can specify which will be displayed here.
30
00:02:00,550 --> 00:02:05,590
OK, then we have a description of this exchange under the prize in this overall in the product is a
31
00:02:05,600 --> 00:02:09,040
price per day that we have a user through the User ID.
32
00:02:09,370 --> 00:02:13,030
This should link us with his ID to the user entry in the database.
33
00:02:13,420 --> 00:02:20,320
Then we have an image of the of the product that we have a country in which exchange happens, then
34
00:02:20,320 --> 00:02:26,260
a city that we have a tax paying the taxes that added different tax, but that I related to the product.
35
00:02:27,400 --> 00:02:28,870
Any of them seem similar here.
36
00:02:28,930 --> 00:02:34,180
Here is a programming lesson that is obvious the service, the value actually there, especially for
37
00:02:34,180 --> 00:02:37,720
you guys here, is of value and here I am displaying price.
38
00:02:37,990 --> 00:02:39,160
That's a that's an issue.
39
00:02:39,570 --> 00:02:40,060
Should be prized.
40
00:02:40,060 --> 00:02:40,630
Definitely.
41
00:02:40,640 --> 00:02:41,820
The bulk of them should be price.
42
00:02:41,820 --> 00:02:47,590
So verified as data now and make sure that they are matching here that this doesn't have to be price.
43
00:02:49,050 --> 00:02:51,640
OK, it is the value per hour in the case of the service.
44
00:02:52,600 --> 00:02:55,920
Again, the user is linking us to the user entering the database.
45
00:02:55,930 --> 00:02:59,620
Image does a link to the image and the country, city and a tax.
46
00:03:01,350 --> 00:03:06,540
OK, so that's not a data that a starting date that we are going to work with, we can save that file
47
00:03:06,540 --> 00:03:10,590
and we want to position exchanges data to exchange this component.
48
00:03:11,250 --> 00:03:17,460
So what we are going to do, same as with our extension of that, here are some space and help specify
49
00:03:17,460 --> 00:03:18,060
however you bind.
50
00:03:18,060 --> 00:03:23,460
So we'll just observe props column and let's call it how they are going to call it items.
51
00:03:24,060 --> 00:03:29,790
I think they are like calling it the items, so they just specify the normal exchanges or exchanges.
52
00:03:30,990 --> 00:03:36,330
OK, so exchanges and our paths, they're simply exchanges.
53
00:03:38,080 --> 00:03:42,520
Now, in the exchange list, I will specify these props, you can go ahead if you know already how to
54
00:03:42,520 --> 00:03:42,910
do it.
55
00:03:43,630 --> 00:03:45,400
OK, so let's open the exchange list.
56
00:03:47,450 --> 00:03:52,220
And in exchange least, we can see we don't have the transcripts of a digital domain to specify here
57
00:03:52,220 --> 00:03:53,240
a scraped.
58
00:03:54,820 --> 00:03:55,600
All right.
59
00:03:55,630 --> 00:03:58,270
Opening, closing tax like this.
60
00:03:58,780 --> 00:04:02,020
I have a typo here, I should be scraped here.
61
00:04:02,020 --> 00:04:04,900
We'll export default object.
62
00:04:06,220 --> 00:04:07,060
OK, well defined.
63
00:04:07,060 --> 00:04:16,260
Here are props, props like this and larger exchanges and the exchanges is a type of a right old right
64
00:04:16,270 --> 00:04:17,860
and is definitely require.
65
00:04:17,860 --> 00:04:19,240
It requires a little bit through.
66
00:04:21,800 --> 00:04:25,310
OK, now, will this put his exchanges for now, just some, just hardcore them.
67
00:04:25,850 --> 00:04:30,690
So somebody up here under the container was right here curly brackets and they will display exchanges,
68
00:04:30,690 --> 00:04:32,540
so we know that they are displaying them.
69
00:04:34,040 --> 00:04:35,260
OK, I will save it.
70
00:04:35,270 --> 00:04:37,270
I will go back here and refresh.
71
00:04:37,280 --> 00:04:38,960
And here we have exchange exchanges.
72
00:04:38,970 --> 00:04:42,380
You can see its array of two objects is the first one.
73
00:04:43,510 --> 00:04:44,130
That's a first.
74
00:04:44,470 --> 00:04:50,290
The first exchange, you can take a look here, a product title description, everything is here and
75
00:04:50,290 --> 00:04:52,770
also the second one here, which is a programming class.
76
00:04:52,870 --> 00:04:53,050
It's.
77
00:04:54,840 --> 00:04:56,010
Now they need to do, guys.
78
00:04:56,030 --> 00:05:02,190
They need to iterate through this data, so as we had in our menu items, we need to create iteration.
79
00:05:03,230 --> 00:05:06,260
As you can see here, David is playing her item this year.
80
00:05:06,440 --> 00:05:11,720
So basically this Dave here should be before and we got it straight through it and we'll pass the data
81
00:05:12,140 --> 00:05:14,540
from our exchange to the fields here.
82
00:05:14,750 --> 00:05:20,420
So for example, here art, that's the art should be tacked, right?
83
00:05:20,420 --> 00:05:22,700
So that's the talk to the artist playing down here art.
84
00:05:22,880 --> 00:05:25,730
And that's actually the art tax bill is playing from the list here.
85
00:05:26,000 --> 00:05:29,290
It's an electric image here should be from our exchange image.
86
00:05:29,810 --> 00:05:32,570
The title should be exchange title and so on and so on.
87
00:05:33,680 --> 00:05:39,350
We are still missing some properties here on the exchanges, such as created ED, so we can't display
88
00:05:39,350 --> 00:05:42,560
the date just yet and also our user ID.
89
00:05:43,340 --> 00:05:48,230
We cannot link to the entry of the user database because we don't have any database, so some of the
90
00:05:48,230 --> 00:05:49,730
data will not display some of them.
91
00:05:49,990 --> 00:05:56,000
We will display build display, but these guys will handle in the next lecture so we can already think
92
00:05:56,000 --> 00:05:56,230
of it.
93
00:05:56,460 --> 00:05:57,440
You are going to do it.
94
00:05:57,740 --> 00:05:58,770
So I have to see that.
95
00:05:58,910 --> 00:05:59,210
Yes.
9064
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.