composes հրամանը CSS մոդուլների ֆայլերում React-ում
composes հրամանը կարող է կիրառվել նաև
մի ֆայլի ոճերը մյուսում
վերաօգտագործելու համար:
Վերադառնանք buttons հավելվածին,
որը մենք պատրաստել էինք նախորդ դասերում:
Ենթադրենք, մենք ուզում ենք բոլոր
կոճակներին ավելացնել նույն ստվերները, կուրսորի ոճը
և թավ տառատեսակը: Թող այդ ոճերը լինեն
տեղակայված App.module.css ֆայլում:
Եկեք բացենք այս ֆայլը և սկզբում ավելացնենք
նոր beauty դասը այդ
ոճերով.
.beauty {
box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
font-weight: bold;
cursor: pointer;
}
Եկեք այն կիրառենք կոճակները ոճավորելու համար:
Դրա համար բացենք Buttons.module.css և
մուտքագրենք փոփոխություններ common-btn դասում:
Մենք կավելացնենք composes հրամանով տող,
որտեղ նշենք beauty դասի անվանումը,
որը մենք ուզում ենք կիրառել և App.module.css ֆայլը,
որում գտնվում է
այդ դասը.
.common-btn {
composes: beauty from "../App.module.css";
font-size: 16px;
border-radius: 3px;
}
Վերցրեք ձեր հավելվածի կոդը նախորդ դասի առաջադրանքից և պատրաստեք ինչ-որ ստվեր ձեր դաշտերին օգտագործելով այս դասում բերված եղանակը:
