Reactтеги CSS модулдарындагы файлдар үчүн composes командасы

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;
}