Reactda CSS modullari uchun fayllarda composes buyrug'i

composes buyrug'ini boshqa fayldagi uslublarni qayta ishlatish uchun ham qo'llash mumkin.

Oldingi darslarda qilgan buttons ilovasiga qaytaylik. Faraz qilaylik, biz barcha tugmachalarga bir xil soyalar, kursorni uslubi va qalin shrift qo'shmoqchimiz. Ushbu uslublar App.module.css faylida joylashgan bo'lsin. Keling, ushbu faylni ochamiz va boshiga ushbu uslublar bilan yangi beauty klassini qo'shamiz:

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

Keling, uni tugmachalarni uslublash uchun qo'llaymiz. Buning uchun Buttons.module.css ni ochamiz va common-btn klassiga o'zgartirishlar kiritamiz. Biz composes buyrug'i bilan qator qo'shamiz, unda qo'llamoqchi bo'lgan beauty klass nomini va ushbu klass joylashgan App.module.css faylini ko'rsatamiz:

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

O'tgan darsdagi vazifa uchun koderingizni oling va kirish maydonlaringizga ushbu darsda ko'rsatilgan usuldan foydalangan holda biron bir soya qiling.