composes հրամանը CSS մոդուլների ֆայլերում React-ում

composes հրամանը կարող է կիրառվել նաև մի ֆայլի ոճերը մյուսում վերաօգտագործելու համար:

Վերադառնանք buttons հավելվածին, որը մենք պատրաստել էինք նախորդ դասերում: Ենթադրենք, մենք ուզում ենք բոլոր կոճակներին ավելացնել նույն ստվերները, կուրսորի ոճը և թավ տառատեսակը: Թող այդ ոճերը լինեն տեղակայված App.module.css ֆայլում: Եկեք բացենք այս ֆայլը և սկզբում ավելացնենք նոր beauty դասը այդ ոճերով.

App.module.css.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 ֆայլը, որում գտնվում է այդ դասը.

Buttons.module.css.common-btn {
  composes: beauty from "../App.module.css"; 
  font-size: 16px;
  border-radius: 3px;
}