Rupp's.
Let us remove here button your top button Kiwi's is not different.
OK, so as you can see in our front edits, we have also integrated another component, which is about
some buttons on easy target components of from to edit.
So we need also to import these components and we're going to come here.
Are we going to say import button from OK, so we are in the form to edit.
So if we want to access to the button that says this is button doges, it is instead of the statelets
said a folder we must resolve come out.
We are informed to edit.
OK, we must face all comments from form to edit folder.
Then we're going to say that's dash, dot, dot, slash.
And once we come from a form to edit it, we must also comment from Fome.
We're going to put that dot slash and after a comma, not from my phone notes.
From folder.
Yes, from Floetry.
From folder.
OK, we are going to come from a family, OK?
We are going to come from states for we're going to say those dots and if you put slash we can access
not listed delays further and here but on here and we have a of scripts and the problem is solved.
OK, and if we try to make sure our cars are OK, if these conditions is not accomplished, we are going
to display our reform to edit.
So let us make sure and try to click on edit.
OK, so here's some problem here.
Why we need we must put all in the written function because we are using the map function.
You have to solve this problem like this and click on edit.
OK, as you can see, we have now eight new components, which is from two areas in which we have the
updates about.
As you can see, if I tried to come here, you see we have updates us.
It's something like this you're going to see we have it again.
It is very simple.
Let us take.
Yes.
And what's we're going to do here, we are going to put different inputs instead of different tables,
divisions in which we're going to get different states.
OK, a difference of value in order to edit and update.
So we are going to create states here.
As states, we're have states.
Please.
State, the state is going to be yukata, we can take have brains, and the thing we're going to do
is to make our roads, yes, we are going to bus props like difference because we know we're going to
have the specific name of for this specific idea.
We're going to hit the specific brains for this specific idea, the caller and the press also, because
we're going to edit this specific state according to its idea, in order to edit and update our data.
So if we try to make sure conference in council, like if you try to click on edit, OK, and edit.
OK, so let us be clear what we're going to do, the first thing we're going to pass the idea, OK,
the idea is going to be equal to cartloads idea.
We're going to get like your props.
We're going to have our brains, OK?
Brains is going to be equal to cardboards brains.
We're going to have also color.
Horror is going to be equal to.
Cartloads Collo.
And we have also price, OK, price is going also to be equal to those price selectees.
OK, and then we can't take this different props and pass this for us in the other sites.
OK, so let us back here in our form to edit.
We are going to have states if this is going to be equal to branes like this and we're going to have
Brent is going to be equal to these those props.
Like we are going to get our props.
From the cars, because from to aid, it is a components of cars to test and we are going to get these
props because we integrate from a film to edit our car notice.
Let us make here and we're going to sell this to props.
Those brains like this.
Out and we have also color, color is going to be equal to these dots, Proops.
That's Carlo.
Here, price.
Is going to be equal to these not props.
That's priced at his market.
Yes, very good.
As you can see, ends by default when we click, let us back here by default, when we are going to
click on edit, we are going to have three inputs having this data.
OK, so this data is the props that we have assigned to our different states.
And what are we going to do?
We are going to come here.
We are going to create inputs in inputs, tike like this.
And input site in which we're going to have a last name is equal to.
From.
Control.
The type is going to be equal to tests for the first element, regardless like this, and we're going
to.
A report we are going to call the unchanged field, so let us say value value is going to be equal to
the states, the state that we have here.
Reagan says this, that states.
OK, this is the other condition of the controlled components like your of your imports must be the
states and when are going to aid the contents attributes.
That means worldchanging sending something in your import.
It's automatically sent to your state.
OK, we're going to say that those brains like this and let us refusal to click on it.
It's OK.
By default, you're going to see we have different inputs having this a misprints by default and we
can edit and then click on update their goods.
And here you provided is there is some feeds we.
That's a nonsense.
OK, that is nonsense.
OK, we must in order to respect the the controlling components, a notion OK on Tounes because the
desire is to.
Come here to edit, for example, adding something, because it's moments when you do you when you don't.
We can't why, when you didn't see to put the content attributes, if you try to add something here,
nothing will happen.
OK, nothing.
And you need to put on change attributes which will have a narrow function in error function in which
we're going to have events as parameter like we can say like this.
If you have only one parameter, you can say now is this that said states.
We can view so-called red states, states like this and such.
Here we go, state branes is going to the courtroom and Brent is going to be in courtroom event.
Dot target, dot value, that is OK.
So that means what, sending your inputs, like putting something in your inputs while editing it will
automatically update your status and by updating your state and the value of your inputs will be also
the states.
That means your the value of your input.
If this is the state and what changing your inputs, what updating your inputs while editing your inputs,
you will automatically tents also your state's reason why we call the intense attributes.
So let us make sure and you see the error is removed.
Click on edit.
OK, so we have another year here.
Each starting at least should have a unique key.
OK, we must have a unique key for these components, which is fun to edit.
So we are going to make our records to test.
We are going to add, we're going to say key.
Key is going to be equal to cockroach's.
I'd like this.
Very good.
So let us click on this.
There are three large Fist's or two click on it.
OK, we don't have any more this year, so we are going to make in our form to edit and take these inputs,
add this input in order table divisions here.
Yes, here, and we are going to say, OK, last name says, and since events and here we have caller.
Khalil.
You its color is equal to his color.
This and here I have the top is going to be no, we're going to have price.
Very good.
So let us make.
And so we had Toyota, so, yes, we not tend to value added value here is going to be equal to the
status branes.
This goes towards Carlaw.
Colour and hearing his.
And price, that is.
Let us be clear and can say it, we have it like it does, Lord.
Click on edit, OK, as you can see, we have this different data from our states, and if I tried to
come in my components here and click on form to edit, please form to edit, you're going to see I have
different.
Perhaps the ID brings color, but I have also states and by default always that is going to be the value
of our props because you have TransFair, it's our different props to our states.
And once I sense resample aid, it's my inputs.
I have also to add these states, OK, and here if I try to it's one something you're going to see.
I have it.
OK, try to look at here.
You can see I have all these changes.
Same thing for the color, OK.
And same thing for the price.
If I try to increase, you're going to see I'm going to get these changes here.
This is the controlling components.
And the other thing is to just click on updates and in order to take all this information and then update
this information in already and update this information in every state, OK, which is in which is already
car.
So we are going to continue the next video.