All right my friends hopefully you had some success with this exercise in this video.
We're going to go over the solution to it.
It's all we really have to do here is try to make the message component a little bit more usable than
it currently is at present.
We've got that hard coded text in there which is not really going to be doing anything good for us if
we ever want to change it.
So the first thing I'm going to do is find out where we are.
I create an instance of message up here inside the app and then I'm going to add in a new product to
it called Hetter is headed right here is going to contain the text that I want to show inside of the
header div.
So at present it says something like changes in service just to make sure that I'm doing the correct
update here.
I'm going to provide a slightly different header.
I'll say something like.
Attention that works then down inside of the message.
You'll notice that we've already listed out that first argument to the function of prop's so I'll delete
the hard coded changes in service and replace it with the set of curly braces in an inside there.
I'll say prop's header like so and I will see over here on the right hand side even though it's kind
of cut off.
My text is now updated to say attention perfect.
So now we'll do the same thing with the body down here as well.
I'm going to add on a new Propp of text to this thing and will give it some text or something like I
don't know.
How about we did an update that will work.
So then inside the p tag down here I'm going to delete the hardcoded text or replace it with the set
of curly braces and inside their all reference props text and they'll notice every year on the Reagan
side.
I get the got the update over there as well.
As a quick reminder we didn't have to call these two props right here.
Hetter and text.
I just arbitrarily made those up.
We could have just as well call this like message body or something like that.
Totally could have been possible we just would have had to make sure that if we renamed the proper right
there we would have have to rename it down here inside of that tag as well too.
Message Body as we go.
But Tex works just fine.
It's good enough.
OK so this looks pretty good.
Not going to zoom out just a little bit and check my solution
and it looks like we're good to go.
All right so that's it.
Let's take a quick pause right here and in the next video you're going to find another quick exercise.
Not going to do a introduction on this next one because I think you get the general idea now so go ahead
and give a shot on that exercise and we'll go over a solution right after that.