In the previous video, we saw like the use of for new start ups and also saw how to handle the changes
whenever the input is changing object restructurings that operated in this kind of stuff.
In this video and see, how do you know this functionality, like basically take the content and add
it to the edit?
So how to do that?
First thing, we have to create a.
I for destroying that object, object information, all the object information, we need one night it
so that there should be a hook that it keeps on changing, right?
So hooks are basically used whenever it keeps on changing whenever something's happening on the webpage.
So whenever we are clicking or writing some new listings and then clicking add, then it should get
stored right.
So this keeps on changing.
That's why we'll be using the.
But that added.
So firstly, go to abduct Jess.
And then create that.
List blue list start notes, you can call it does anything I'll call it does not.
Said not.
Was a state by default, it should be, but it.
So we can change this imperial Renee, like all the bladder, everything whenever the new start to item
is added using the function said.
So now after this created, it will be using one more thing that is.
We'll be sending a probe that is on add on that, is it equal to?
And not.
So I get a lot of props, props.
Basically, if you can see if you bobble head over J6, you can see each one element.
You can see here that these are the default HDMI tags that catch them products to the user.
But if you don't see a highlight icon fancy created under J6 SECP, you can see Header Dot J6.
These are the customized bags that we are creating.
These are not tags, but these are the custom backs.
Similarly, like if you can see which one has some attributes like and not like you can take from,
you know, created if you take from a farm and put it that, some you know which type is the attribute
name is attribute values that to replace all this activity with the other attributes that are present
before you buy that page.
General tag this tough, but these are the custom tags that we are creating, so these ultra will have
attributes that we get.
A lot of those are called as props.
So that is what we are going to send here.
No, yes.
So the bulk will be the plane will be on it.
And but this prop will be sending a function called and not so in clear period or JSF whenever the not
new created.
That like means whenever the place button the submit button is submitted, then we will call this.
So we'll call this honor the prop that will in Britain or carry out this function that we are going
to write the 40th, but that will see how to use that.
So.
Here after the big stadium.
We'll have them.
Famicom.
I lost in a minute, I'll come to that fabric on and I like.
Fab.
On Clip.
Most still.
Submit not.
So basically, what are we doing already, but this line of code does is that fab is a part of material.
You like code?
As you know, whenever like when the government gets together, we can only submit whenever the form
we are submitting has a ActionScript post.
So since we are not having a farm, they're not submitting the form.
We want to have a icon.
So clicking on icon like clicking on a button should submit it.
But this is not a button.
This is a contact we're getting from, literally.
So how to submit a request using the icon, but that there is fat?
So whenever we click on F&B, something is on click.
Then it will submit the request and Gary, or the function inside that shop will be having an icon component
from the.
Medically, right, good.
So we'll import those, both of them.
Import.
But.
From.
And the red.
Material in way could slash back.
Once this is done, you can also import.
I had I come.
Right.
Icons.
Slash.
And.
So as you can see, you can work with my daily icons content, click on Act, search for AD, you are
getting many of them right here.
We want a simple place.
So I'll be using this place and you can see this is the port for input can simply copy paste material
from before the Typekit.
You can also copy paste is not no problem.
So once this is done.
Can check whether there is some item in our budget, so you shouldn't and not are not defined.
So naftogaz, so OK, we have used the state, but we haven't defined it.
So this.
But.
The former U.S.
State from the.
Once this is done on that note and what is the function that we need to create?
Not so.
Concert.
Now the function name should be added, not so function and not.
And you will not say it will take a property, the new the value of the object value of the note, like
with the title and the content, right?
And it will do something real, right, the court after something.
For now, if you refresh, that is still some notoriety not being able to have sex.
Yeah.
So now whenever we are clicking on the bad icon, then we are like, we are calling this function,
submit not what they submit not to do.
This should call that function that is present in app drawer.
Just add note and add the value of that note to this note at a pedestrian only studied so that we are
going to do that and are, you know, submit not function.
So after the handle change, create a function called.
Submit.
Not.
Even if they even announced it will call the props.
So where are we getting these props from?
We have to catch them already.
So basically, you had inadvertently created a component we are sending props on and that we are catching
with it and then using that prop store on it.
And we'll send that note.
Not information that on information.
And once we send that note, information to the on the on that function, then this with this line of
code will like add not and it will add to the note value, but it's not.
I think we'll see that it's after this.
Not now.
Once the note is added, we have to clear everything.
We have to get all the input given to title and date.
Not so that we'll basically do yet.
To clear that we need to again signal to and distinctly said not when the object to empty the land.
And be content.
Once this is done now, as I said, whenever we are triggering a submit request, the whole debate reloads.
We don't want the whole operation.
We only want the companies that are required to do it to do that.
We should have to use or even prevent default.
Through that.
So once this is done, we are successfully submitting, not like we are calling this propaganda function,
sending this note component, not object off and call it as variable or anything.
And then again, using this, you know, setting the strategy for creating the input area.
Now what should happen inside this are not.
Add not what is the logic that should happen and said that add not an ounce of the styling, but the
sighting of who appears in the center with some good styling now it looks like they are today.
So this all see in the next few.