1
00:00:00,810 --> 00:00:05,670
Just to finish up this example very quickly, let's map over our list of guests right here and produce

2
00:00:05,670 --> 00:00:08,400
an L.A. element for every guest that we've added in.

3
00:00:08,910 --> 00:00:12,150
So I'm going out very quickly, right below my age three put in a ule.

4
00:00:13,340 --> 00:00:19,340
Right about that, I will do some curly braces and then a guess dot map.

5
00:00:20,470 --> 00:00:21,400
The guest, Matt.

6
00:00:22,370 --> 00:00:25,460
And then for every guest I can return in Elai.

7
00:00:26,870 --> 00:00:30,800
That contains the name of the guest, we also need to make sure that we have a key inside of here as

8
00:00:30,800 --> 00:00:31,070
well.

9
00:00:31,310 --> 00:00:33,080
I'll just use the guest name as a key.

10
00:00:35,520 --> 00:00:36,360
And I can say that.

11
00:00:38,480 --> 00:00:43,160
Go back over to my browser, another quick refresh put in Sarah.

12
00:00:44,300 --> 00:00:48,920
And there we go and start to add in guests, so just want to take that example all the way through,

13
00:00:49,010 --> 00:00:50,450
nothing typescript specific here.

14
00:00:50,780 --> 00:00:54,560
Now that we've got this example put together, I want to give you a couple more notes on state in just

15
00:00:54,560 --> 00:00:54,980
a moment.