1
00:00:00,300 --> 00:00:04,950
Now we are going to convert this functional base to cost base.

2
00:00:04,950 --> 00:00:07,980
So first we are going to import the component here

3
00:00:13,020 --> 00:00:26,240
and then we are going to change data to across cross and then we did it this one and use expands component.

4
00:00:26,230 --> 00:00:33,010
After that we are not going to use the use day because this is not a functional component.

5
00:00:33,180 --> 00:00:44,370
We are going to use the constructor.

6
00:00:44,800 --> 00:00:53,870
Now we put the super props and definitely put all the stay inside that beach ball state.

7
00:00:53,890 --> 00:00:54,960
Now we have the cost.

8
00:00:54,970 --> 00:00:56,230
So we used to cause

9
00:00:59,110 --> 00:01:00,570
and then we copy these away

10
00:01:04,960 --> 00:01:09,400
and put it here and also we add this so cost

11
00:01:15,770 --> 00:01:18,040
and it is already what is true.

12
00:01:18,220 --> 00:01:20,900
Now we do not have that constant here in this.

13
00:01:20,920 --> 00:01:24,890
We are going to use these thoughts that say

14
00:01:29,970 --> 00:01:37,320
we have so-called and don't they don't show card

15
00:01:41,590 --> 00:01:43,420
also we do not have.

16
00:01:43,550 --> 00:01:45,740
We cannot say the cards only.

17
00:01:45,800 --> 00:01:50,580
We need to set these state of cards.

18
00:01:50,630 --> 00:02:01,160
And I think we can do this this too although we have to use these thoughts at state and then cards and

19
00:02:01,160 --> 00:02:05,660
then cards copy.

20
00:02:05,750 --> 00:02:09,130
We could add a bracket here.

21
00:02:09,650 --> 00:02:12,450
Now we can delete this one again.

22
00:02:12,470 --> 00:02:18,020
These do not have constant we can change this.

23
00:02:18,770 --> 00:02:29,810
We can copy this one and paste it here or there is likely to put inside a render functions so we add

24
00:02:29,810 --> 00:02:37,610
or when the function here that we turn also to put inside a render function

25
00:02:42,430 --> 00:02:46,520
you take this out and paste inside a random function.

26
00:02:46,530 --> 00:02:50,040
Now you said the cost is not defined in 77.

27
00:02:50,850 --> 00:02:53,970
Yes because we do not have cost.

28
00:02:53,970 --> 00:03:01,510
We have these sorts of detailed costs and also we do not have to talk go show card.

29
00:03:01,530 --> 00:03:02,790
We have this thought

30
00:03:05,830 --> 00:03:09,430
Togo show card and at the 70

31
00:03:12,850 --> 00:03:14,840
is to also need to edit this doc

32
00:03:20,060 --> 00:03:24,250
64 Keystone State not so card.

33
00:03:24,350 --> 00:03:31,460
And also we have to use this thought they thought cost.

34
00:03:35,240 --> 00:03:44,240
I think we should go to go and I think we also need to copy this function to the other button.

35
00:03:44,270 --> 00:03:53,160
Now we can take a look to see whether it can work well and that refresh this if we did it it already

36
00:03:53,160 --> 00:03:54,630
changed Qatar.

37
00:03:54,690 --> 00:03:59,080
It already changed color again when only have one card.

38
00:03:59,560 --> 00:04:03,920
Let's try to type somewhere it also can change the name.

39
00:04:03,930 --> 00:04:11,080
So this is you find and in the next part we are going to change the card.

40
00:04:11,130 --> 00:04:11,700
Also.