Most confident.
So let's create a list component and name it, let's do Darger six.
OK, so we have finally created our two components.
Now it's time to populate our written statement so that it doesn't give us that landing a landing error.
So inside a written statement, what we'll have is a parent container is going to be a mean.
So let's just create a man and give it a closing tag.
Maybe.
OK, so you have a man, including Tag now, will give it a section with the class name of container.
So this is going to be a child element of me.
So let's create a section and give it a class name, OK, container.
And once the session is completed inside the session, we are going to have an itch three tag that is
going to tell the body by.
They are three.
Northern Alberta this Saturday, as bad as it is going to have another piece of state that will be adding
shortly now.
Let's call our list element and give it the people's data now before we do anything further, we want
to include state in our up.
So let's just import create a new state context to free people.
And said, people, so this is the piece of data that is going to contain the number of persons that
have their birthdays as well as everyone, tell us whose birthday is today or not.
And let's just give it you state.
OK, so we are getting our data into this.
We are actually getting our data from the data, the GSI that we just made.
So let's just send data in here.
So all the data that we're getting from our data outages is going to be stored in our people.
And this is the initial value, as I said, people, it's a setup function.
So now inside a three element will also have a number of people's birthday that is today people.
That land.
So this will tell no people that are in our area.
OK, so now it's time to pass our data into a list component so that it can render it on our way to
let's create a list.
So this is a list component and we're passing a prop people and give it a data of our people.
This might mean this people, is the data that you're passing from here and to a list component.
Now let's just close this stack.
And just beneath her little have a button element that is going to clean up the entire birthday list,
which is again going to load after we refresh it up.
So you might wonder what's the purpose?
But that's what this ad does.
Then we'll just give it a functional at a company, at a function.
And this will set people to an imperial.
So what it will do is it is going to set up children immediately and this person is going to have a
value of clear Paul.
OK, so we fully meet as Abdul GSX, and now it's time to move into a list file.