Команда composes барои файлҳо дар CSS modules дар 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;
}

Рамзи барномаи худро аз вазифаи дарси гузашта гирифта ва як соя ба вуруди худ созед бо истифода аз усуле, ки дар ин дарс оварда шудааст.