3.14 divide components into several component

For the rest of the job, we’ll go into the components and we’ll create a new file we’ll call it such expenses.date.js And then after that we’ll go write function ... expenditure date therefore the expense function dates and below and in under as always we will put export expenses dates That’s where it was right here is perfect, that’s Nickel then what we’re gonna do we’re gonna go in the ... We’ll take everything we’ve written. Take const to last const We’ll put it here in the date expenditure then here you mark props and also I make a small ... a small mistake on the last video here you yourself don’t miss me toLocalestring you mark getfullYear. So we’ll go back to the item expense and here from shot we’re gonna delete. We’re gonna take out all the const to keep them you will understand why afterward what you do

For the const you copy this you delete it we go in expenditure date and there always the same here by against it before sticking you mark return. And now we’re diving it and on the other hand I have forgot to put it you put when same div here and if you put a semicolon and then always here in expense item what we’re gonna make us import perfect as if it’s normal that will put it directly if you have the writing automatic actually, it’s to connect the two pages together we’re going to import the agreed date it’s always the same use different way what we’re gonna do now we will delete the last date expenses you add a slash a space slash will we do now We’ll go to the lobby

All the way down where you spent.item what we’re going to. It’s exactly the same we’re gonna take that away and in fact at the beginning It’s not going to make a mistake It’s not going to make a mistake outside and then after that it’s perfect you safeguard and then what we’re gonna do is with the spendDate here we will add date is equal props.date We will always create a file in the component which will be called spendingDate.css Like this then in the spendDate you can put that code in there so I’ll let you copy. We also have Monthly expenditure expenditure days. I’ll let you copy

Then in the expenditure date of what we are going to do it’s all up we’ll mark import slash expenses Item. Point CSS we’ll go in the return here and what we will do is that we will erase all to enter the div. and in the Dive we will put the class. Name with a capital N. Don’t forget to also put the month. The year and the day. Also between the div. Normally after that it’s perfect we meet for the next course.