1 00:00:01,890 --> 00:00:09,870 Let us be clear and let us make also a consultant of all states that we have, because we have a two 2 00:00:09,910 --> 00:00:17,120 state status and we have two data in our state like we have in our and the state, like. 3 00:00:18,180 --> 00:00:26,880 Yes, also, like and we're going to say this, dot states in order to display our states, so now we 4 00:00:26,880 --> 00:00:33,130 are in instead of the component of that because the components is updated. 5 00:00:33,160 --> 00:00:37,830 OK, we can easily access our components, the updates. 6 00:00:37,830 --> 00:00:41,660 And here we are going to say there is going to be equal to two. 7 00:00:42,000 --> 00:00:49,460 And here we going to say the component is up, that it's there as Big Brother and Reloads Page. 8 00:00:49,990 --> 00:00:53,410 OK, we can see here if it's already here, OK? 9 00:00:53,610 --> 00:01:00,960 And after the components is displayed, OK, once we update, once we use this, it's a function and 10 00:01:00,960 --> 00:01:04,740 we're going to say here we're going to see here, the components is updated. 11 00:01:05,070 --> 00:01:08,570 And here we are in the components update. 12 00:01:08,580 --> 00:01:13,000 We have tried to make this console here for the first console. 13 00:01:13,000 --> 00:01:18,420 Look, we have the Peugeot's, the props, OK, the props. 14 00:01:19,460 --> 00:01:26,810 If we try to make our apologies, we have called it a clock doges here as a tad components of apologies 15 00:01:26,990 --> 00:01:34,700 and we have caller as props, because if you try to remove this and try to back here and reload the 16 00:01:34,700 --> 00:01:39,460 page you want to see, we don't save any more props. 17 00:01:39,680 --> 00:01:40,820 OK, we have it. 18 00:01:41,040 --> 00:01:41,830 Empty props. 19 00:01:41,840 --> 00:01:44,840 But here we have at least we have it one props. 20 00:01:45,260 --> 00:01:47,270 Reason why we we have it here. 21 00:01:48,100 --> 00:01:52,550 OK, we have color by default is is equal to true. 22 00:01:53,360 --> 00:01:59,620 And let us make Clarkdale chest and the this props is a color the previous state. 23 00:01:59,660 --> 00:02:00,980 What is the state. 24 00:02:01,640 --> 00:02:10,430 Because as you can see here, the face value of our state was one and now we are in the second phase 25 00:02:10,430 --> 00:02:14,750 and the step tansy's from one to two. 26 00:02:15,140 --> 00:02:24,140 That means two is the current value of our step, but one was the previous value of our step. 27 00:02:24,170 --> 00:02:28,370 So reason why you can see we have the previous dippie states here. 28 00:02:28,610 --> 00:02:34,470 And if we try to make here, we have to state we have two data in our state. 29 00:02:34,490 --> 00:02:39,200 The first is our and we don't see a problem with our. 30 00:02:40,970 --> 00:02:43,820 And the second one easily does click here. 31 00:02:44,040 --> 00:02:44,330 Ken? 32 00:02:45,220 --> 00:02:54,340 As you can see, yes, as you can see here, we have Ron Howard and Step and this is for the views states, 33 00:02:54,500 --> 00:02:58,150 OK, because we have displayed the previous dates here. 34 00:02:58,400 --> 00:03:00,860 OK, this is the previous date. 35 00:03:01,380 --> 00:03:04,680 Yes, they did us click here. 36 00:03:05,380 --> 00:03:07,200 Step was equal to one. 37 00:03:07,240 --> 00:03:08,560 This is the previous step. 38 00:03:09,010 --> 00:03:14,400 Again, it is a state which is our state and we have our own state. 39 00:03:14,740 --> 00:03:22,210 And after that, after the update, OK, if you try to open, you want to see the current state of our 40 00:03:22,210 --> 00:03:24,040 state is equal to two. 41 00:03:24,400 --> 00:03:33,100 OK, so this is the importance of components that updates and you can view all this and you can play 42 00:03:33,100 --> 00:03:36,970 with this function and make some lines of code. 43 00:03:36,970 --> 00:03:39,880 For example, what's the component is updated. 44 00:03:40,050 --> 00:03:42,060 OK, it is very important. 45 00:03:43,320 --> 00:03:44,020 Very good. 46 00:03:44,250 --> 00:03:52,260 So you can see here we this is like said states, if we want to update. 47 00:03:52,530 --> 00:03:55,950 OK, if you want to update, for example, your. 48 00:03:57,600 --> 00:04:06,660 Your state, but you can't use this method, but the best way is to use another method in another way. 49 00:04:06,870 --> 00:04:12,120 OK, I'm going to show you this week we are going to come here and create. 50 00:04:14,050 --> 00:04:18,460 A parameter like you are going to name this parameter like. 51 00:04:18,970 --> 00:04:28,930 In my case, I'm going to name its preview states, OK, because we want to pass from one, which is 52 00:04:28,930 --> 00:04:35,260 the first phase to the second phase from one to two, because we are updating here and here. 53 00:04:35,290 --> 00:04:39,770 You are going to create a state name Nemitz, like you want. 54 00:04:39,820 --> 00:04:44,140 You're going to name this this parameter like you want. 55 00:04:44,440 --> 00:04:54,640 But what when you add a parameter here, Riecken, this will automatically understands you are you want 56 00:04:54,640 --> 00:05:00,910 to take it pure you state of your components of your of your state. 57 00:05:01,380 --> 00:05:05,830 OK, so here I'm going to name the states like this. 58 00:05:06,820 --> 00:05:15,760 And here instead of saying these dots state dot step, I'm going to say pujas, state, dot state. 59 00:05:16,150 --> 00:05:24,790 That means this parameter is going to be an object, OK, for gerring, my state, my different data 60 00:05:24,910 --> 00:05:32,980 that I have in my state, like if I try to say, for example, you can see Krave views state. 61 00:05:33,190 --> 00:05:42,940 If I say dots, OK, and you can see I have our state which is in and I have also a where is my state 62 00:05:43,420 --> 00:05:44,560 leaders on. 63 00:05:46,870 --> 00:05:55,000 You can see I have also stepped that's mean every state is like it is an object of different states. 64 00:05:55,000 --> 00:05:59,640 I have a lot of different data I have in my state. 65 00:05:59,840 --> 00:06:05,520 OK, you can name ID like you want, if it's for example, to it are here, OK. 66 00:06:06,370 --> 00:06:10,120 You can say, for example, that you're going to say step. 67 00:06:11,670 --> 00:06:19,950 OK, you're going to find your step here, so does not make your brother OK, or you can say also all 68 00:06:19,970 --> 00:06:23,780 state elections and here I'm going to change. 69 00:06:23,790 --> 00:06:30,260 I'm going to say the states step like this, OK, plus one. 70 00:06:30,270 --> 00:06:37,320 And once you create a parameter here, Regius will automatically understand that it is an object. 71 00:06:37,770 --> 00:06:43,140 Will ellos you, for example, to access in different data that you have in your state. 72 00:06:43,550 --> 00:06:45,120 OK, so I have this. 73 00:06:45,120 --> 00:06:50,250 You're right, because I have just added a perimeter here. 74 00:06:50,250 --> 00:06:52,560 So make sure to take your call. 75 00:06:52,560 --> 00:06:54,630 Brass's here and put it. 76 00:06:56,490 --> 00:06:58,600 The brackets like this. 77 00:06:58,780 --> 00:07:05,940 OK, and here you can see here pujas, that is not definite, OK, why previous this is not. 78 00:07:06,660 --> 00:07:11,010 Make sure to put it like this in error function. 79 00:07:11,490 --> 00:07:15,270 Put it like this, OK, use the error function. 80 00:07:15,480 --> 00:07:19,410 And if you try to bake, we are going to have the same thing. 81 00:07:19,890 --> 00:07:21,000 OK, very good. 82 00:07:21,180 --> 00:07:24,810 And here you can see we come from our. 83 00:07:27,740 --> 00:07:33,980 The first step to this against the from the first to the second step. 84 00:07:34,030 --> 00:07:36,020 OK, so let us be clear. 85 00:07:36,020 --> 00:07:44,390 You can see our thing is very good and that once we are now in the components, it's OK because the. 86 00:07:46,320 --> 00:07:53,970 The component is updated, OK, and now we can access to the third phase, which is a mountain phase, 87 00:07:54,660 --> 00:08:00,780 and we're going to try a mounting phase in the tourist taking it to the last Viju.