Amri ya composes kwa faili katika CSS modules katika React

Amri composes inaweza kutumika pia kwa kutumia tena mitindo kutoka faili moja hadi nyingine.

Turejee kwenye programu buttons, ambayo tulifanya katika masomo yaliyopita. Tukichukulia, tunataka kuongeza vivuli vyote kwa vitufe vyote, mtindo wa kishale na herufi nzito. Acha mitindo hii iwe imepangwa katika faili App.module.css. Tufungue faili hiyo na tuongeze mwanzo wa darasa jipya beauty na mitindo hii:

App.module.css.beauty { 
  box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
  font-weight: bold;
  cursor: pointer;
}

Tuitumie kwa mitindo ya vitufe. Kwa kufanya hivyo, tufungue Buttons.module.css na tubadilishe darasa common-btn. Tutaongeza mstari na amri composes, ambapo tutataja jina la darasa beauty, ambalo tunataka kutumia na faili App.module.css, ambamo iko darasa hili:

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