When I come back and let us continue what's rigourously in this session, in this session, we are going
to make this a the events of these two Bartons dynamic.
For example, if I click on it's the desire to get a message here, it costs a lot log.
It costs a log in the year or so.
It's late, but I have a warning here.
Invalidism, property correspond.
OK, as you can see, we are using the day six and this year occurs on our rate table.
OK, so let us back here in our table.
As you can see, we have correspondents make sure to sense.
This is true as like this is six like the first letter of this, the last Swede's must be always in
uppercase.
So let us be clear.
And if we try to reload speeds, then the problem is solved.
This other era here is not for the riots, but is for Bouchra because I'm working on local.
OK, as you can see, I have here it is a piece like we swept that mean that Sears's does a it is not
the error of that react.
Yes.
So the desire is to create some functions which will work with the delegates are at its bottom.
So let us big fish.
So here we are going to do something.
As you can see, we have our card, which is our components.
And they this button, as you can see, is integrated in the car components.
As you can see, if we tried to make the car components.
So let us come to the states.
Let's click on Car Cardon's.
As you can see, the button is integrated in the car components and there they are really bad because
this is the button components, but it is not really components, but the real components is in button
here.
But to this and they can see here, it's here we have frappes type B10 and children and what we're going
to do in this, in this listen, let us back in cars, in pleura cars.
Those days we are going to make a props, OK?
We are going to make a props in which we are going to assign a function because if we want, for example,
to edit or edit or delete a.
Ed, we are going to be using cartloads, yes, we are going to create dysfunction in instead of Currentzis.
So let us first create the fifth function.
I'm going to say, for example, dilates, and I'm going to say delayed car like this delayed car handler.
OK, let's call her handler.
It's will have a rough stop function.
It will be in a function.
And here I have delayed car hinderer and I'm going to say Consolo, OK, I'm going to say you have.
Clicked on.
Delate.
But, Tom.
And the delete button is.
You have clicked on the delete button, so the desire is once I click for his import only smartphone,
the desire is to call this function and sanes a console log in which we're going to have.
You have clicked on the delete button and you can see if it's right to click.
Nothing happened.
So if I want to get something here, I need to use the unclick attributes so you cannot use the unclick
attributes in a press conference in a component's like this instead of components you have not you have
just to put props, OK, a sound, a parameter that you are going to have as props, but you have to
come in the really components.
This is the real component, which is button like the unclick attributes cannot be put it inside of
a components, as you can see, for example, button.
This is a component button component, but it is not the real component.
It is not a really button, but the real button is button.
Do this because we have the really this tight.
OK, and here we can say unclick.
We're going to say for example on Glik like.
Respect the the the chemicals can have unclick and here we can put something here we can take props.
For example, I want to display something.
As you can see here, I have a.
I have this, so we're going to see this spots on.
This is a very bad sign and I'm going to leave it like this was I'm going to do I'm going to make sure
in Carstairs I'm going to take this function by using props.
So we are going to do the same thing.
And that if I want to take this function, I'm going to take for this function and I'm going to pass
it to the Ecology's, which integrates the baton.
And from Carloss, I can take this function and send it to the baton.
OK, so you need to follow this logic, because back on those days as components is integrated to in
the Carloss and Khadar, this is components is integrated to the cards in Bleuler.
Not this as you can see here.
So the first thing I need here is to create a props.
I'm going to call this props, I'm going to create a props and I'm going to create this procedure and
I'm going to call this Cleek Delate like this, the King Delate.
And I'm going to say this is going to be equal to.
This notes.
And I'm going to call this function, okay, Delate Handler.
I'm going to call this function like this, this lady's car handler.
OK, and this is it frappes.
And if I want to get this, perhaps.
As you can see, I have put these props in my car components and there if I want to get these props
that I have already integrated in my car components, if I want to get this to the button components,
I'm going to come to the Carloss.
And here you can see I have the button components and I'm going to pass this props inside here.
OK, so what I'm going to do, I'm going to come here and I'm going to create a prop, a prop that I'm
going to call Gleek only at this click ends if I want to take these props here, which is Gleek dilates,
I'm going to copy.
I'm going to take this, come to the car company, come in karass.
And here I'm going to say props dot click Delate and then I can take these props.
And then the other thing to do is to take this Gleek props from this and put it in my bottom doges.
So here I'm going to say props dogs click OK, you take these props and then once I click, for example,
on this real button, which is here.
Was a click, for example, on this button, which is here, OK?
This person will say, I have a purpose, which is click, OK, so it will be concurrences and come
here is he sees that I have a purpose and its components, but she also say I have a purpose which is
delayed and delayed, is in car dodgiest.
And let's automatically call this a function, which is the handler.
And then we can't explain.
We can't view this Castlerock.
And if I try to make here and click on delete, they just come here.
So what?
It doesn't wake.
Click on this big console log.
I have delayed this that delayed Hinderer.
If OK, so here we have it, we have to put it in the dilates.
OK, so in the delete button, I have I have put it in the 80s button.
So let us click here.
You're going to see I have you have clicked on the button.
So let us remove a just let us remove this from.
It is imported here.
OK, so I think that you.
Yes, let us click here and you can see here, if you have clicked on the delete button, click here,
nothing because it is based here, in which case you need to take all these props and put it in different.
And different reusable components, because it is the same components, we have used the same components,
so do not forget to put.
That is.
Very good, so let us back here a click here, here you have clicked on the delete button.
OK, very good.
So let us make here and we're to do the same thing.
We are going to create also another function that's going to call a.
Edit the reoccurred dysfunction at its core handler, you have clicked on C, you have clicked on the
edit button and we are going to Card's function or so we are going to create also another props for
a edit and we are going to take the same thing.
Let us copy.
Let us pass here and here we we're going to say a click edit, OK, click, edit and it's report, we
got a call, the edit car hinderer.
OK, take this message.
Get take this sport.
It's also here.
And original portraits or so here, and we are going to grab these props, copy, come in.
Our Ricardo Chase, we have the 80s button and here we are going to create a props that we're going
to name clip because we have a single button here, its components, and it will detect if the props,
which is click, if you click on Delate, it will take this click, click, delete.
But if you click on edit, it will take this.
Just click here for props, not click edit.
Okay, so let us do like these props notes, click edit.
OK, so it will detect.
So let us make here and you can see we have only props.
Don't click.
So let us back here.
Reload this page, click on it.
We have you have clicked on the delete button.
Click on edit you have clicked on the edit button.
OK, so I think that it was very simple and very easy.
So you can play we've with this exercise OK, and then you're going to understand a lot of things.