All language subtitles for 4. Exchange data

In Dallas, like have learned how to pass props from component to the component, in our case, we have

passed props from up component to nav bar component in these electoral tocontinue with props and to

what we are going to do is that you'll create exchange data, exchange releases data and will pass these

data to exchange at least component.

So we have something to display and display and we are not is playing guitar to pull that data have

defined here.

All right, let's start and let's start by opening the resources of this lecture.

OK, so stop the video.

On the right side, you should find the resources of this lecture and on the link, and they are data

later.

The Jazz and here are so that here is a list of exchanges.

So simply copy the entire list, go to your code and go to Abdullah View.

For now, we will define these exchanges here, so let me copy only an actual copy of this error part.

This brackets square brackets and color brackets inside this part here.

Create your exchanges so that comma exchanges and let's face it here, OK, it's not indented at all,

so I need to select everything from I.D. to this bracket.

So it's like a bracket and ideal press, but I'll press up a couple of times.

Like this?

OK, much better.

So let's take a look at this data, so what will ah, change?

Um specifies the exchange, specify its or its ID, so these will be some unique identifier which will

help us to retrieve the exchange from their database.

OK.

There are some specific identifier that we have a type of the exchange, which can be product or a service.

For example, product can be car we can exchange set of.

It's going to be programming lessons as you have here down here.

OK, then.

A. Have a title or some title.

They can specify which will be displayed here.

OK, then we have a description of this exchange under the prize in this overall in the product is a

price per day that we have a user through the User ID.

This should link us with his ID to the user entry in the database.

Then we have an image of the of the product that we have a country in which exchange happens, then

a city that we have a tax paying the taxes that added different tax, but that I related to the product.

Any of them seem similar here.

Here is a programming lesson that is obvious the service, the value actually there, especially for

you guys here, is of value and here I am displaying price.

That's a that's an issue.

Should be prized.

Definitely.

The bulk of them should be price.

So verified as data now and make sure that they are matching here that this doesn't have to be price.

OK, it is the value per hour in the case of the service.

Again, the user is linking us to the user entering the database.

Image does a link to the image and the country, city and a tax.

OK, so that's not a data that a starting date that we are going to work with, we can save that file

and we want to position exchanges data to exchange this component.

So what we are going to do, same as with our extension of that, here are some space and help specify

however you bind.

So we'll just observe props column and let's call it how they are going to call it items.

I think they are like calling it the items, so they just specify the normal exchanges or exchanges.

OK, so exchanges and our paths, they're simply exchanges.

Now, in the exchange list, I will specify these props, you can go ahead if you know already how to

do it.

OK, so let's open the exchange list.

And in exchange least, we can see we don't have the transcripts of a digital domain to specify here

a scraped.

All right.

Opening, closing tax like this.

I have a typo here, I should be scraped here.

We'll export default object.

OK, well defined.

Here are props, props like this and larger exchanges and the exchanges is a type of a right old right

and is definitely require.

It requires a little bit through.

OK, now, will this put his exchanges for now, just some, just hardcore them.

So somebody up here under the container was right here curly brackets and they will display exchanges,

so we know that they are displaying them.

OK, I will save it.

I will go back here and refresh.

And here we have exchange exchanges.

You can see its array of two objects is the first one.

That's a first.

The first exchange, you can take a look here, a product title description, everything is here and

also the second one here, which is a programming class.

It's.

Now they need to do, guys.

They need to iterate through this data, so as we had in our menu items, we need to create iteration.

As you can see here, David is playing her item this year.

So basically this Dave here should be before and we got it straight through it and we'll pass the data

from our exchange to the fields here.

So for example, here art, that's the art should be tacked, right?

So that's the talk to the artist playing down here art.

And that's actually the art tax bill is playing from the list here.

It's an electric image here should be from our exchange image.

The title should be exchange title and so on and so on.

We are still missing some properties here on the exchanges, such as created ED, so we can't display

the date just yet and also our user ID.

We cannot link to the entry of the user database because we don't have any database, so some of the

data will not display some of them.

We will display build display, but these guys will handle in the next lecture so we can already think

of it.

You are going to do it.

So I have to see that.

Yes.